Posted 2 years ago #
On the right of the site there are two sidebars:
http://famreflections.com
On the left of the two (where the light blue image resides) I'd like to remove the horizontal lines above the image. Or any other lines that would appear if I added new widgets to that sidebar.
The right sidebar had extra lines at first but I got it to work around by editing the html in the widgets. I don't know why that worked.
Try adding:
#sidebar .col140 #text-10 {border-top:none;}
to style.css
Posted 2 years ago #
Thank you.
It did get rid of one line, but it left the other. The remaining line and the image did not rise to the occasion either.
Want to take another look?: Family Reflections
Try:
#sidebar .col140 #text-10,sidebar .col140 #text-10 div:first-child {border-top:none;}
Posted 2 years ago #
No dice brother. I don't think anything happened.
Sorry - my typo. That should have been:
#sidebar .col140 #text-10,#sidebar .col140 #text-10 div:first-child {border-top:none;}
Posted 2 years ago #
Great! That removed both the lines that troubled me. Thank you very much.
Now is there a way to raise that light green image up so its top is at the same level as the top horizontal line in the right sidebar?
Try adding:
#sidebar .col140 #text-10 div:first-child {padding-top:0;}
Posted 2 years ago #
Thank you again.
It raised it a little! Check out the: Before and After Shot.
Back to the: Website in Question.
I've left the latest suggested code in there, so you'll see it. If there is a way to raise the green image's top to the height of the top line in the right sidebar that would be perfect. If not, I can work with this as it is.
Also, with the code you've offered I've learned a thing or two about borders and padding. Thank you for that.
I'm having really difficulty targeting that block correctly. Although the css last time was more specific, it's still being over0ridden by another line higher up the stylesheet. One more go...
Try replacing:
#sidebar .col140 #text-10 div:first-child {padding-top:0;}
with:
#sidebar .col140 #text-10 div:first-child {padding:0 0 10px;}
Posted 2 years ago #
With this new code it actually just stayed in the same spot. I've left this new code in there so you can take a look if you like. But there's nothing really to see.
Thank you though my friend. Like I said before, I can definitely work with what you achieved here. And I've learned some code for my future work, thanks again.
This topic has been closed to new replies.
