Why showing grey background and table borders?
-
Hi
I pasted in html for my about page which as borders=0.
On another wp site with a different theme it shows fine with no grey background or borders.
How do I get it to just be the images and text on white with no borders and no grey background here please?
http://juicytravels.com/about-laura/
Thanks
Admin
Add this to the Custom CSS option:
table td,
table th,
table tr {
border: none;
background: none;
}Now I’ve done a second page,
http://juicytravels.com/about-lauravanhoff/
Without tables and with just one side image and the four bottom images.
But I still don’t know how to make the borders not show up around the images?
And, I want to move those two bottom logos under the above two logos…
What’s the best way to layout pages like this?
Do it first in Dreamweaver and paste in?
I imagine I have to do it in the html? Or is there a way in the visual editor to get them moved over and centered?
Thanks again
Admin
Remove image border: https://forum.graphene-theme.com/graphene-support/remove-borders-around-all-added-image
As for the bottom logos, you can just align them to the right.
Mod
You will have to use the HTML editor for the page. If you look at this page on my blog, you will see a picture of a cassette tape on the left top side.
If I edit this page in the HTML editor, this is the line of code that affects that image:
<img class="size-medium wp-image-255" title="sony_ef60_071201" src="http://blog.kjodle.net/wp-content/uploads/2011/08/sony_ef60_071201-300x190.jpg" alt="" width="300" height="190" />
You can add styling elements to the
img
tag by using thestyle
tage, like this:style="border: solid 10px blue;"
Put it together, and the entire thing looks like this:
<img class="size-medium wp-image-255" title="sony_ef60_071201" src="http://blog.kjodle.net/wp-content/uploads/2011/08/sony_ef60_071201-300x190.jpg" alt="" width="300" height="190" style="border: solid 10px blue;" />
Which adds a heavy blue border, like this. You would probably want to use
style="border:none"
.Ken
Mod
Also, to make things line up better, you might want to try the Tiny MCE Clear plugin to clear the floats. Works a treat!
Ken
Admin
Or you can also prefix the CSS style with the post ID class like this:
.post-338 .entry-content img{
border:0px;
margin:5px;
}Thank you both so much for all of your help and fast responses…it’s hugely appreciated!
The page looks good now except one more question 🙂
How can I get rid of the grey background bar just under the second line of menu items, like just under the links to “About Laura” “Juicy Travels Blog” and “Juicy Travels”, above the title itself (the blue About Laura van Hoff).
And, the same grey bar at the bottom of the page just above the footer black box?
In other words I just want white between top black background menu items and black footer box.
Thanks again!
Viewing 10 posts - 1 through 10 (of 20 total)
- 1
- 2
- You must be logged in to reply to this topic.