Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Hi, can you try deactivating plugins to explore whether any could be responsible?

    Thread Starter RLu1221

    (@rlu1221)

    Thanks for the suggestion. I just tried it, and the line persists.

    Theme Author Styled Themes

    (@gejay)

    I just looked at your link you provided (thanks), but where are the white lines with your post images? Do you have a screenshot you could provide?

    Thread Starter RLu1221

    (@rlu1221)

    The line isn’t that obvious, especially if you have the brightness turned up on your monitor. It shows up at the bottom edge of all the images I insert, with the exception of the header image. Here’s a screen shot I altered to up the contrast so the line at the bottom of the main image is more apparent: http://www.rachellucke.com/wp-content/uploads/2013/05/Screen-Shot-2013-05-02-at-11.32.41-AM.png.

    Theme Author Styled Themes

    (@gejay)

    ah that… ok, easy enough. The border colour of the image was changed to white #ffffff in your theme. In the theme’s customizer, under the Colour tab, there’s a setting at the bottom for image border. You can change the colour there. To find the customizer, go to your main Dashboard page in the admin and click on the big button “Customize your Site”.

    Thread Starter RLu1221

    (@rlu1221)

    I do see how to change the color of the border, but is there a way to remove it altogether? The background is an image, so it seems like I can’t just set the border color as the same as the background color to make it blend in.

    Theme Author Styled Themes

    (@gejay)

    If you do not want that bottom border on any image, you can remove it but requires taking out the css for it. This is the css around line 667 that adds the border to images:

    /*.gj-portfolio-intro-image img,*/
    .img-intro img,
    .img-intro-left img,
    .img-intro-right img,
    .img-intro-none img,
    .img-full-left img,
    .img-full-right img,
    .img-full-none img,
    .imageborder,
    .contact-image img,
    .entry-attachment img,
    img.alignnone,
    img.alignright,
    img.alignleft,
    img.aligncenter,
    div.wp-caption img {
    	border-bottom:8px solid #78a5b6;
    }

    The above would remove that bottom image border for all the above, but you can pick and choose which ones you want to remove it from and then simply change border-bottom as a new set, something like:

    img.alignleft {border-bottom:0;}

    Thread Starter RLu1221

    (@rlu1221)

    Got it. Thank you so much for your help. Amazing support!

    Theme Author Styled Themes

    (@gejay)

    You’re very welcome! No star rating or review is required…hint hint, haha 🙂

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘White line at bottom of images’ is closed to new replies.