-
Posts
-
Hi there,
I was try to hide vertical line between sidebar and main content.
But I get not lucky.
I using enfold-child css file with following code:
‘
.template-page.content.nine.alpha.units {
border-right-color: #FFFFFF;
}
‘
But if I move mouse over the main area the line disappears.
Another code suggestion ?
Hey,
You can use this:
.content {
border: none;
}
#top #main .sidebar {
border: none;
}Regards,
Ismael
Can you tell me how to add an image in place of sidebar border. You can see what I mean here in the second image http://www.learningpros.com
I would turn off the border and add a shadow.png as separator.
Hi simchippy,
You’ll need to target the .sidebar_right and .sidebar_left classes and add the background image to each for the direction of the shadow. Then place it with some css so that it gets the look you are going for.
Its quite a bit beyond what we can guide you through via support however as it’ll need to be cross browser tested and then css added so that it supports responsive layouts as well.
A good freelance developer should be able to get it done in an hour or two.
Regards,
Devin
- The topic ‘Hide vertical line between sidebar and main content’ is closed to new replies.