Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #168679

    Hi,

    I have a portfolio page that starts with a Fullwith Easy Slider. “Display the Header” is enabled, to show breadcrumbs and title.
    So, the Easy Slider touches the header – which I don’t like. How can I add a 10px gap between?

    Thank you!

    #168931

    Hey BelIblis!

    Can you post the link to your website?

    Best regards,
    Yigit

    #170430

    Hi Yilgit,

    Thanks for all your answers to my other questions. The site is still in development (on localhost).

    Basically, I’d like to get a bit of spacing between the “landscape” grey header and the blue sky. (Same as Between the yellow line and the landscape bit).

    Is this possible at all?

    #171348

    Hello!

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

    .content { padding-top: 70px }

    top padding is 50px by default

    Regards,
    Yigit

    #171355

    Sorry – that doesn’t seem to work. It still looks exactly the same, both with or without that CSS :(

    #171380

    Hi!

    Yes,that is because i forgot to add semi colon :) Sorry. Here is the correct one

    .content { padding-top: 70px; }

    Please flush browser cache and refresh your page a few times after adding code to Quick CSS

    Cheers!
    Yigit

    #171544

    Hmmm… still doesn’t work. (I flushed the cache).

    But I noticed:
    Your solution works for the “Easy Slider”, but not for the “Full Width Easy Slider”.

    Is there any way to make it work for the full width slider?

    Thanks for your help!

    #171646

    Hello!

    It should work on any page because it increases top padding of content section. Please try adding !important

    .content { padding-top: 70px!important; }

    It works on my end

    Regards,
    Yigit

    #171657

    Nope, still not working. I even went back & activated the main theme instead of the child theme for a quick test. Don’t understand why it’s working on your end :(

    I’ve tried it both with the Quick CSS section, as well as the custom.css sheet

    On the EasySlider it’s OK, but not on the fullwidth Easyslider.

    #171660

    I have a working pre-release of the website online – could I send you the log-in details / link as a PM or e-Mail?

    #171691

    Hi!

    You can post them here. Please make sure to check “Set as private reply (Only you and moderators will see the content of this post)” above Submit button

    Best regards,
    Yigit

    #171718
    This reply has been marked as private.
    #171936

    Hi!

    Please review your website. You can adjust the code in Quick CSS

    Regards,
    Yigit

    #171944

    Looking great – Thanks very much Yigit!
    Just out of interest: Is it always the #full_slider_1 CSS tag? Or is there also a #full_slider_2?

    #171949

    Hey!

    You are welcome! It is the id of that certain slider. So it would be different on each slider. You can inspect elements and find out the id :)

    Best regards,
    Yigit

    #172133

    Very useful thread, thanks.

    I’ve used Yigit’s code to experiment with and adjust the spacing above and below the main content elements to achieve a slightly ‘tighter’ look to my site.

    /* ********* testing space BEFORE main content items ********** */
    .content { padding-top: 18px!important; }

    /* ********* testing space AFTER main content items ********** */
    .content { padding-bottom: 18px!important; }

    #172206

    Hey!

    You are welcome! Thanks for sharing :)

    Best regards,
    Yigit

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

The topic ‘Padding underneath header’ is closed to new replies.