Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #186150

    Hi guys

    A) This might be number one stupid question but how do I control my H1, H2, H3 etc and body with my Enfold theme? I’ve been searching for answers with no luck.

    E.g. I don’t want Enfold to bold my headers on this page

    B) On the same website I would like to experiment with having a border around the site and to regulate the site padding. How do I do that? A bit like what I’ve done on this site

    C) I would also like to experiment with making shadow of the whole page on the backbround image. Any advice heres?




    Hey mar10nlund!

    1) Please add following code to Quick CSS in Enfold theme options under Styling tab

    h1, h2, h3, h4, h5, h6 { font-weight: normal!important; }

    2) You can go to Enfold theme options > Styling tab and choose to display “Boxed Layout”
    3) Please switch to boxed layout first then let us know so we can see what we can do :)

    Best regards,


    1) Worked :-)
    2 & 3: I’m already in box’ed mode. But I don’t see any options on the border, padding or shaddow for the entire site.





    Please add following code to Quick CSS as well

    #wrap_all { box-shadow: 0px 0px 25px 0px black; }




    and for the padding and border. Do you also have a snip of css there? :-)



    You can use following code

    #wrap_all { border: 20px solid green; }

    You can change green with any hex value and width of the border width by adjusting 20px. After doing so, please let us know so we can provide you custom CSS to fix the header

    Best regards,


    Cool, that worked :-) now the menu floats on top of the right border



    Would you like to keep the border with at 20px? If so, following code should fix the header

    .html_boxed.fixed_header #header { width: 1090px!important; }
    @media only screen and (min-width: 990px) and (max-width: 1140px) { .html_boxed.fixed_header #header { width: 970px!important; }}
    @media only screen and (min-width: 768px) and (max-width: 989px) { .html_boxed.fixed_header #header { width: 742px!important; } } 
    @media only screen and (min-width: 767px) { .html_boxed.fixed_header #header { width: auto!important; }}


    • This reply was modified 4 years ago by  Yigit.

    Nop that didn’t work, sorry



    I updated the code in my previous post and added !important to force it. Please try it now


Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Headers 1,2,3, borders and shaddow’ is closed to new replies.