Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #710930

    I would like to add some spacing for h1 special or not heading but I want to affect only the one on home page. Same goes for other headings h4,5 etc.

    Is there a way round?

    #711081

    Hey naxiand,

    Try to use this code and add it to Quick CSS (located in Enfold > General Styling):

    #top.home .av-special-heading-tag {
        font-size: 30px;
    }

    This should work on all special heading tags wether you use h1-h6. Hope this helps :)

    Best regards,
    Nikko

    #711104

    I better rephrase. I would like to adjust letter spacing for h1 and only for one located in home page the rest can be default

    #711123

    Hey!

    Try to change the code I gave to:

    #top.home h1.av-special-heading-tag {
        font-size: 30px;
    }

    Let us know if it’s good :)

    Best regards,
    Nikko

    #711223

    Of course not my font is already 48px. I need spacing between letters.
    This worked though :
    #top.home .av-special-heading-tag {
    letter-spacing: 10px;
    }

    The problem is now that changes it for all headings h1,2,3 on home page. The other pages are fine though.

    Why is so difficult to make this? Example h1 : KRIESI IS A NICE THEME. I want for this spacing like K R I E S I (something like this) the same for subheading and i want to control the padding between them.
    I don’t want to compare theme but with Themify is very easy to do….

    #711243

    Hi,

    I apologize for my mistake, try to use this code instead, this is for letter spacing on h1 Special Heading:

    #top.home h1.av-special-heading-tag {
      letter-spacing: 10px;
    }

    This code is for subheadings either above or below the h1 Special Heading:

    #top.home h1.av-special-heading-tag + .av-subheading {
      letter-spacing: 10px;
    }

    Just adjust the letter-spacing as you see fit. Thanks for your patience.

    Cheers!
    Nikko

    • This reply was modified 7 years, 7 months ago by Nikko.
    #711284

    Is there a guide how to spot specific pages on enfold theme to apply css?

    For example main home page is #top.home. Is this correct? If i wanted to apply the same lets say in ”contact” what would be?

    This way i could find myself solutions like the padding i was asking above, since i know that #top.home is the section now i know how to apply padding or margin better in this case :

    #top.home .av-subheading.av-subheading_below {
    padding-top: 20px;
    }

    or

    #top.home .av-subheading.av-subheading_below {
    margin-top: 20px;
    }

    Anyway i will be back next days as the website moves on…….. Would be nice on next version these simple but important things to able to make them without custom css but through the menu like other themes have……..

    Since i see that quite some css will be need it for the website is it a good practice to make it by using a child theme for enfold?

    • This reply was modified 7 years, 7 months ago by naxiand.
    #711380

    Hey!

    I think the best way to do that is to use custom css classes, to enable that you can check this thread: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    For example you add this to the Custom Css Class textfield custom-special-heading (you can use other names), you just need to add this to Quick CSS:

    .custom-special-heading h1.av-special-heading-tag {
      letter-spacing: 10px;
    }
    
    .custom-special-heading .av-subheading {
      letter-spacing: 10px;
    }

    Just adjust the css values, you just need to add custom-special-heading to Custom Css Class textfield in any other special headings and it will apply the css you do.

    As for child theme, yes, I suggest you use it, since enabling we will need to add some code in functions.php to enable the custom css class which will be overwritten once you update the theme.

    Just add the
    Regards,
    Nikko

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.