css code for deleting line at bottom of content
-
Hi, does anyone know the css for deleting an unwanted orange line at the bottom off my content just below the “share this:” Currently there are two lines at the bottom and I only require the last one.
Also, if there is a suggestion on how to place the logo above the slider on the home page only, it would be greatly appreciated.
site: http://www.universaloutreachfoundation.org “academica theme”
Many thanks!The blog I need help with is: (visible only to logged in users)
-
Hi, does anyone know the css for deleting an unwanted orange line at the bottom off my content just below the “share this:” Currently there are two lines at the bottom and I only require the last one.
To remove the border below posts and pages on the Academica theme, add this to your Appearance → Custom Design → CSS editor:
.posts .post, .posts .page { border-bottom: none; } -
Also, if there is a suggestion on how to place the logo above the slider on the home page only, it would be greatly appreciated.
I would just add the logo in as a background image on the header area itself. here is an example you can start with:
#header { background: url('http://uofweb.files.wordpress.com/2012/11/uof-logo.jpg?w=80') 0 50px no-repeat; }Notice that the ?w=80 part of the image URL adjusts the size and that the 50px value in that line moves the logo up or down. You can adjust those numbers if needed.
-
YOU ARE AWESOME!!! thank you.
Both worked out great, although, is it possible to only have the logo on the home page or does it have to be on all? -
Add “.home” to the front of the CSS selector to apply it just to the home page:
.home #header { background: url('http://uofweb.files.wordpress.com/2012/11/uof-logo.jpg?w=80') 0 50px no-repeat; } -
- The topic ‘css code for deleting line at bottom of content’ is closed to new replies.