Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 8, 2013 at 3:13 pm #186150
    mar10nlund

    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 http://isokvik.dk.linux31.unoeuro-server.com/?page_id=761

    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 http://fintessdoktoren.dk/.

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

    Thanks

    Martin

    November 8, 2013 at 3:17 pm #186152
    Yigit

    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” http://i.imgur.com/fK7RtIV.jpg
    3) Please switch to boxed layout first then let us know so we can see what we can do :)

    Best regards,
    Yigit

    November 8, 2013 at 3:40 pm #186171
    mar10nlund

    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.

    Thanks

    Martin

    November 8, 2013 at 3:43 pm #186173
    Yigit

    Hi!

    Please add following code to Quick CSS as well

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

    Cheers!
    Yigit

    November 8, 2013 at 3:48 pm #186176
    mar10nlund

    Worked

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

    November 8, 2013 at 3:52 pm #186177
    Yigit

    Hey!

    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,
    Yigit

    November 8, 2013 at 3:56 pm #186178
    mar10nlund

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

    November 8, 2013 at 4:02 pm #186181
    Yigit

    Hi!

    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; }}

    Regards,
    Yigit

    • This reply was modified 11 years ago by Yigit.
    November 8, 2013 at 4:35 pm #186207
    mar10nlund

    Nop that didn’t work, sorry

    November 8, 2013 at 5:19 pm #186226
    Yigit

    Hi!

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

    Cheers!
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Headers 1,2,3, borders and shaddow’ is closed to new replies.