Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 26, 2016 at 2:25 pm #572105
    shefferz

    Hi,

    I have a color block that has 1/3 columns within .

    However there is a large space above the 1/3’s. I would like to remove this spacing.

    I have given the name of the color block an ID of #colorblockhomepage

    January 26, 2016 at 2:32 pm #572114
    Yigit

    Hey shefferz!

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

    #colorblockhomepage .content {
    vertical-align: top;
    top: 50px;
}

    Cheers!
    Yigit

    January 26, 2016 at 2:34 pm #572115
    shefferz

    thanks! So from now on if i want to remove that padding – just create the ID and use that code? I wasnt able to find it in firebug.

    January 26, 2016 at 2:45 pm #572127
    Yigit

    Hi!

    You are using equal columns and align them in middle. If you would like to have less space on top and bottom, please decrease the height of your color section element. If you would like to use custom CSS, that is totally fine as well :)

    Cheers!
    Yigit

    January 26, 2016 at 2:46 pm #572129
    shefferz

    Ok so since the height of the color block was 500 px, it was centering every at 250px in the middle.

    January 26, 2016 at 2:55 pm #572132
    Yigit

    Hey!

    Exactly :)
    I marking this thread as resolved. If you have any other questions or issues, please feel free to start a new one :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Remove Gap at Top Of Color Block’ is closed to new replies.