Change header and navigation header text / CSS
-
Great plugin, kudo to the authors.
Is there any way to modify the following within AMP?
Change:
<div class=”navigation_heading”>Navigate</div>To:
<div class=”navigation_heading”>Menu</div>Change:
<div class=”amp-logo”>
<h1>mysite.com</h1>
</div>To:
<div class=”amp-logo”>
<h1>My Site</h1>
</div>Also the following is set to display none at less than 600px, I would like for it to display:
<ul class=”amp-wp-tags”>
<li class=”amp-cat-89″>Career & Business@media screen and (max-width: 600px){ .amp-loop-list .amp-wp-tags{display:none} }
I understand we can add custom CSS, but I am curious if there is an interface to easily override this? Also would it be best to just apply CSS to override any AMP default styling?
Thanks!
Mark-
This topic was modified 8 years, 4 months ago by
markifornia.
-
This topic was modified 8 years, 4 months ago by
markifornia.
-
This topic was modified 8 years, 4 months ago by
-
You can do the first change in the admin panel. In fact you can change many of the standard words on the template.
I thought you could already do this if a custom logo is not defined. However, why do you want potentially 2 H1s on the same page? Perhaps better to use a logo image.
I tend to use custom css to override because it is update proof. It isn’t going to slow anything down unless you have tons of it.
-
This reply was modified 8 years, 4 months ago by
frenchomatic.
Thanks for the advice here. There weren’t 2 h1’s – I was trying to explain that I wanted to change the text inside the h1 tag.
Thanks for the CSS advice as well – I’m going to use AMP’s custom CSS interface to override defaults.
-Mark
No problem – you could mark this topic as resolved.
resolved.
-
This reply was modified 8 years, 4 months ago by
The topic ‘Change header and navigation header text / CSS’ is closed to new replies.