Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 29, 2015 at 6:09 pm #436909
    Verdaccio

    Hello!

    I would like to reduce the amount of white space between objects in my content, and also in the header area. Can you help with what CSS I would need to modify?

    Thank you,

    Michael

    April 29, 2015 at 9:33 pm #437073
    Elliott

    Hi Verdaccio!

    You can reduce the header size in Dashboard > Enfold > Header. As for the content, can you take a screenshot highlighting the exact areas your wanting to reduce?

    Best regards,
    Elliott

    April 29, 2015 at 9:49 pm #437084
    Verdaccio

    Hello Elliott,

    Thanks for the reply. The areas I want to reduce the vertical whitespace between objects on the homepage of my site. Here is the screenshot:

    null

    I would like to reduce the vertical whitespace between the logo and the first mountain image, and between the bottom of the mountain image and the boxes below.

    Thanks,

    April 30, 2015 at 4:55 pm #437582
    Verdaccio

    Hey there guys, I see you have just an incredible number of hits today. I wanted to bump this up.

    FYI…I have enabled the custom CSS on each element already by adding the line to my functions.php file from the documentation.
    I have tried both padding and negative margin codes to reduce the whitespace above and below each element in my content but they don’t seem to work – i.e., margin-top: -50px;

    Thanks for any help! :)

    May 1, 2015 at 8:14 pm #438259
    Elliott

    Hey!

    Add this to a codeblock element in the page.

    <style type = "text/css">
.avia-slideshow { margin-bottom: 0px !important; }
.avia-content-slider { margin-top: 0px !important; }
</style>

    Cheers!
    Elliott

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.