Why showing grey background and table borders?

  • 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!

Viewing 10 posts - 1 through 10 (of 20 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!