How can I diminish the amount of padding in columns to look something like the link above?
Also, how do I control how close to the edge text goes when it is in a column? I am finding it goes flush with the edge, and I want some more room in certain areas...
Thanks,
L
the columns have spacing based on a margin. To remove that add this:
.col {
margin-right: 0px!important;
}
Then you can add padding to the inside like this:
.col {
padding: 10px!important;
}
However, this is going to be a global change - the only way to do this on a per column basis would be with a bit of custom markup or a newly created element property.
Hey Loe,
the columns have spacing based on a margin. To remove that add this:
.col { margin-right: 0px!important; }Then you can add padding to the inside like this:
.col { padding: 10px!important; }However, this is going to be a global change - the only way to do this on a per column basis would be with a bit of custom markup or a newly created element property.
Cheers
Great, thank you. I'm starting to get this ;)
My columns are boxed layout and centered text but for some reason they look like a staircase.
This is the shortcode I am using:
[one_third boxed="true" animation="Fade In From Left" delay="150"] [image_with_animation animation="Fade In" image_url="xxx" delay=""] [/image_with_animation]Regular Hair Cut $17[/one_third]
[one_third boxed="true" animation="Fade In From Left" delay="150"] [image_with_animation animation="Fade In" image_url="xxx" delay=""] [/image_with_animation]Regular Hair Cut $17[/one_third]
[one_third_last boxed="true" animation="Fade In From Left" delay="150"] [image_with_animation animation="Fade In" image_url="xxx" delay=""] [/image_with_animation]Regular Hair Cut $17[/one_third_last]
Hey Eric!
I believe the line break is causing the stepping please remove it.
thanks
ThemeNectar Support Team