raindance

#1614

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]

Syahir Hakim

#16517

Add this to the Custom CSS option:

table td,

table th,

table tr {

border: none;

background: none;

}

raindance

#16518

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

raindance

#16519

Oh thanks…we posted at the same time, ha.

Can you tell me the best way if I just do it in the visual editor and don’t paste in tables?

(1) How to remove image borders

(2) How to layout that page in visual editor instead of pasting in tables?

Thanks!

[Admin]

Syahir Hakim

#16520

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.

raindance

#16521

On the border issue I don’t want to remove them on all images on the site, just on certain pages. So…how can I control it image specifically rather than with a sitewide css change?

Thanks

[Mod]

Kenneth John Odle

#16522

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 the style 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]

Kenneth John Odle

#16523

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]

Syahir Hakim

#16524

Or you can also prefix the CSS style with the post ID class like this:

.post-338 .entry-content img{

border:0px;

margin:5px;

}

raindance

#16525

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!