H2 Font

10 posts from 3 voices

• Started 1 year ago by philipwhitephotography
• Latest reply from Chris Beard
• This topic is not a support question

Tags:

No tags yet.

1. 

   philipwhitephotography
   Member

   Hello again (promise I'll stop asking questions soon!!!)
   how can I change the standard big black heading text that appears at the top of archives etc with the nice text that is used as the coloured teaser text?

   Posted 1 year ago #
2. 

   Dude
   Dude

   Try to replace following code in archive.php:
   

   echo avia_display_heading(true, __('Archive','avia_framework'), avia_which_archive());

   with:
   

   echo "<div class='special_heading_container  class_default_heading'><h4 class='teaser_text teaserlessPadding'>";
   echo __('Archive','avia_framework').' '.avia_which_archive();
   echo '</h4></div>';

   Posted 1 year ago #
3. 

   philipwhitephotography
   Member

   Thanks can I just confirm that I'll still have H1 AND H2 headers (only just looking differently) Just for SEO Purposes thats all.

   Posted 1 year ago #
4. 

   Dude
   Dude

   No - at the moment the header is h4 - you can change it to h1/h2 of course.

   Posted 1 year ago #
5. 

   philipwhitephotography
   Member

   Yes, sorry I still want to use h1/h2 but just look like the nice teaser text. Is this possible?

   Posted 1 year ago #
6. 

   Dude
   Dude

   You can try to add following code to css/custom.css:

   .special_heading_container h4.teaser_text {
       font-size: 20px;
       font-weight: normal;
       text-transform: none;
   }
   
   h4.teaser_text{
       color: #83AD1A;
   }

   and instead of h4 insert h1/h2 and replace the color value with any other hex-value.

   Posted 1 year ago #
7. 

   philipwhitephotography
   Member

   Hi Tried this but the main header in Archive is still the large black text

   Posted 1 year ago #
8. 

   Dude
   Dude

   I think you code in archive.php looks like:
   

   <h1 class="special_heading no_cufon">Archive</h1>

   at the moment. Try to change it to:
   

   <h1 class="teaser_text teaserlessPadding">Archive</h1>

   and add following code to css/custom.css:
   

   .special_heading_container h1.teaser_text {
       font-size: 20px;
       font-weight: normal;
       text-transform: none;
   }
   
   h1.teaser_text{
       color: #83AD1A;
   }

   Posted 1 year ago #
9. 

   philipwhitephotography
   Member

   Thanks

   Posted 1 year ago #
10. 

    Chris Beard
    

    Glad Dude could help you :)

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.