Support » Theme: Preference Lite » White line at bottom of images

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

    (@anevins)

    Forum moderator

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

    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?

    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”.

    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;}

    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.