Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 3, 2018 at 4:04 pm #920831
    Mariusz86

    Hello,

    I have a problem, I want to change only the selected color section text transform h1 h2 h2 h3 h4 h5 h6 from uppercase to capitalize.

    In the wp-content/uploads/dynamic_avia/enfold.css

    As a rule

    #top #top #wrap_rap_all. all_colors h1, #top #wrap_rap_all. all_colors h2, #top #wrap_colors h2, #top #wrap. all_colors h3, #top #wrap_all. all_colors h4, #top #wrap. all_colors h4, #top #wrap_all. all_colors h6 {.
    font-weight: lighter;
    text-transform: uppercase;
}

    I gave my color section ID: team and, by typing the code into CUSTOM CSS with #team in front in all possible ways, unfortunately nothing changes.

    I cannot provide a link at the moment because this page is under construction.

    I ask for help.
    Greetings

    Translated with http://www.DeepL.com/Translator

    March 3, 2018 at 5:23 pm #920858
    Guenni007

    how about a screenshot of your ALB Layout – or a better description.
    You got one color-section – this color-section has the unique ID : team.
    All Headings in that Color-Section should be capitalized.

    And you tried already:

    #team .av-special-heading-tag {
    text-transform: capitalize;
    font-weight: 300;
}
    March 3, 2018 at 8:13 pm #920889
    Mariusz86
    #team .av-special-heading-tag {
    text-transform: capitalize;
    font-weight: 300;
}

    This code is correct and should work but unfortunately it does not work.

    The Print Screen 1 shows exactly what I mean. All this is in the Color Section of ID: team

    If I change it only in web browser it works but when I paste this code into Custom CSS it doesn’t work. Visible on Print Screen 2.

    Best Regards
    Mariusz

    • This reply was modified 6 years, 7 months ago by Mariusz86.
    March 3, 2018 at 8:53 pm #920897
    Guenni007

    sorry double post

    March 3, 2018 at 8:59 pm #920899
    Guenni007

    did you try it with !important ?

    #team .av-special-heading-tag {
    text-transform: capitalize !important;
    font-weight: 300 !important;
}

    or try ( this is three ids and one class)

    #top #wrap_all #team .av-special-heading-tag {
    text-transform: capitalize !important;
    font-weight: 300 !important;
}

    have you a link for it?
    or make a screenshot of the whole tree please with the color-section

    March 4, 2018 at 7:51 am #920964
    Rikard

    Hi Mariusz86,

    Could you post a link to the site in question so that we can take a closer look please?

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

    March 4, 2018 at 10:24 am #920995
    Mariusz86

    This code works:

    #team .av-special-heading-tag {
    text-transform: capitalize !important;
    font-weight: 300 !important;
}

    Thank you @guenni007

    I have no opportunity now to link to the site because it is under construction.

    Why did only the important code work?

    Best Regards
    Mariusz

    March 4, 2018 at 2:44 pm #921050
    Vinay

    Hi,

    The important rule will tell the browser to give more importance to a specific rule it is more complicated than this but you can google “How CSS important works” :)

    Glad this is fixed for you!

    Best regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Problem with header h1-h6 text-transform in the color section.’ is closed to new replies.