Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 19, 2013 at 4:35 am #190452
    simplefly

    I would like to add some top padding to the Special Heading. The settings only give me the option to adjust the bottom padding. Is there a way can make this adjustment?

    November 19, 2013 at 2:58 pm #190588
    Yigit

    Hi simplefly!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2  { padding-top: 20px; }

    If that does not do it, please post the link to your website and point out the elements

    Best regards,
    Yigit

    November 19, 2013 at 3:18 pm #190599
    simplefly

    Thanks for your quick reply. That sort of worked, but not really. My Special Headings use H5 tags, which is fine, I changed the code. The problem is that it changed only the padding over the title but didn’t move the line down as well.

    Here’s a link to my site: http://shiaunycspine.com/dev/

    I want to change only the padding over the Special Heading, not all H5 tags. Thanks.

    November 19, 2013 at 3:22 pm #190602
    Yigit

    Hi!

    Please add following code to Quick CSS as well 

    .av-special-heading h5 { padding-top: 30px; }

    If you would like to move the seperator, add following code too

    .av-special-heading-h5 .special-heading-border {
height: auto; padding-top: 30px; }

    Best regards,
    Yigit

    November 19, 2013 at 4:05 pm #190625
    simplefly

    Thanks but it’s still not working. Take a look at this page: http://shiaunycspine.com/dev/about/dr-john-shiau-founder/

    The line moved, but the title stayed in the same place.

    November 19, 2013 at 4:24 pm #190631
    Yigit

    Hi!

    Please try replacing the first line of code with following one

    .av-special-heading h5 { padding-top: 30px!important; }

    I have added !important to force it

    Best regards,
    Yigit

    November 19, 2013 at 5:05 pm #190652
    simplefly

    Thanks! That worked perfectly.

    Is there a way to keep the socket at the bottom of the page from filling up the empty space? I’d like to keep it the same height in full width as it is when it’s in boxed mode. Thanks.

    November 20, 2013 at 4:06 pm #190947
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #socket .container { background-color: #f5f5f5 }
.socket_color { background-color: transparent; }

    If this is not what you meant, please post a screenshot and show

    Regards,
    Yigit

    November 20, 2013 at 4:39 pm #190966
    simplefly

    Didn’t see that change anything. What I mean is that I want it to look like the first screen capture on all pages…not like the second screen capture.

    LIKE THIS

    NOT LIKE THIS

    November 21, 2013 at 1:56 am #191229
    Yigit

    Hi!

    That happens because you do not have enough content and your screensize is big. It happens on demo site as well.

    Cheers!
    Yigit

    February 15, 2018 at 11:37 pm #913020
    millertimesites

    huge help, thanks Yigit.
    It is simple code but I missing a small piece.

    Am now using your Special Heading padding CSS along with another bit to make my images 100% width on mobile while also adding some padding next to the Specials Headers on mobile since they are not wrapped in a text element. It looks really slick 

    @media screen and (max-width: 767px) .av-special-heading h5 .av-special-heading h4 { padding-left: 15px!important; }

@media screen and (max-width: 767px) {
.responsive #top #wrap_all .container { width: 100% !important; max-width: 100% !important; }
}
    February 16, 2018 at 4:45 am #913081
    Mike

    Hi,
    Glad Yigit was able to help, unless there is anything else we can assist with shall we close this then?

    Best regards,
    Mike

    February 16, 2018 at 10:29 pm #913414
    millertimesites

    Mike,

    Yep the code works great and can be closed

    February 16, 2018 at 10:49 pm #913423
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Add top padding to Special Heading’ is closed to new replies.