I am creating a custom google blogger template, I tried adding an about us page but whenever I try to visit "https://mywebsite.com/p/about.html" it shows the same content as home page. Is there any data attribute to render the about page content?
I have been scrambling my brain for 1-2 days and can't seem to find a solution.
<li class='nav-item'>
<a class='nav-link' href='/p/about.html'>
<b:class cond='data:blog.url == data:blog.homepageUrl + "p/about.html"' name='active'/>
<i class='fas fa-user fa-fw me-2'/>
About Me
</a>
</li>
Also the above snippet is supposed to add active class to that nav-link but it's not working. Can you guys spot my mistake?
Here is my full code.
https://jsfiddle.net/07at4vdc/3/
Assuming that /about is another html file and not something like React or Handlebars just try setting the path more clearly.
<a class='nav-link' href='./main/about.html'> for example. The ./ should help you navigate to the file
Related
Facing an issue with the text editor field in Drupal 9. when I add some HTML content with some classes applied and having no content inside it's tags, all the code disapears after saving the block content.
I have tried full html and other options as well. Code example which I am trying to save in the custom blocks editor field is given below:
I want to display similar content in a particular region on a twig template, but it doesn't show at all.
<ul class="social-icons pt-3">
<li class="social-item"><a class="social-link text-light" href="#"><i class="ti-facebook" aria-hidden="true"></i></a> </li>
</ul>
<nav class="Navbar">
<ul>
<li>
<a href=“index.html”>Home</a></li>
<li>
<a href=“contact.html”>About</a></li>
<li>
<a href=“Services.html”>Services</a></li>
<li>
<a href=“Contact.html”>Contact</a></li>
This is the error i get
Cannot GET /%E2%80%9CContact.html%E2%80%9D
The contact form you saved as "contact.html", check that the page can load independently and please check if it is saved in same folder as your document. You might want to get its src/ folder.
close your </ul> and </nav>
check your link and learn about relative and absolute links. a url will solve that problem if it is remote. if its local, make sure its not in a different directory.
check this page out
https://www.coffeecup.com/help/articles/absolute-vs-relative-pathslinks/
i bet one of those 2 things helps. keep us posted
I have a working whatsapp <a> tag in this way:
<a class="whatsapp share-local-button
data-action="share/whatsapp/share"
target="_blank" href="whatsapp://send?text=link#withMark" >
<i class="fa fa-whatsapp"></i>
</a>
This works, but what is in href is simply the shared text, not the url, which is the current....
I tried with
data-href="link#withMark"
But no different results...
How can I share my customized url and not the current one?
Try adding something like a bit of PHP if you are able to. if you want to keep it clean html then just ignore this.
in php u define the link u want to set in a variable, then just add <?php $yourvariable ?> to the whatsapp://send?text= INSERT HERE
Add a JavaScript code as I did to dynamically add the link.
Also it is reusable and can be used in any page.
Here, we set the href of the element having class=whatsapp to it's href+ the site link.
Try running the code
document.getElementsByClassName('whatsapp')[0].href+=window.self.location;
<a class="whatsapp share-local-button
data-action="share/whatsapp/share"
target="_blank" href="whatsapp://send?text=">
<i class="fa fa-whatsapp">whatsapp</i>
</a>
I have just installed a bootstrap theme and want to link one of the page titles to an external site. This is the section of the code that I can see where the page is. Can anybody help me bounce this title to an external URL?
<li class="">Release Notes</li>
<li class="">Google</li>
Bonus: to open in a new tab, use target="_blank"
<li class="">Google</li>
Sorry if this is a stupid question, but I'm extremely new to bootstrap, and am having trouble making the glyphicons show up where I want them. I used the icon tag with the icon I wanted: <i class="icon-home"></i>. Besides the below code and adjusting the link in the .css file to where the image is saved, I haven't done anything. The whole element is:
<li class = "active">
<i class="icon-home"></i>Home
</li>
I know I have the linking to the sprite image correct in my .css file, so that's not it. What am I doing wrong? What am I missing?
The usual way is:
<li class = "active">
<i class="icon-home"></i>Home
</li>