Preference Lite
[resolved] White line at bottom of images (10 posts)

  1. RLu1221
    Posted 1 year ago #

    Images are being inserted with a white line at the bottom in my blog post (http://www.rachellucke.com/bone-health/) and in the right sidebar on pages (image at bottom). Am I doing something wrong? Could you help me figure out how to eliminate this line?

  2. Andrew
    Forum moderator
    Posted 1 year ago #

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

  3. RLu1221
    Posted 1 year ago #

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

  4. StyledThemes
    Posted 1 year ago #

    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?

  5. RLu1221
    Posted 1 year ago #

    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.

  6. StyledThemes
    Posted 1 year ago #

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

  7. RLu1221
    Posted 1 year ago #

    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.

  8. StyledThemes
    Posted 1 year ago #

    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,
    .contact-image img,
    .entry-attachment img,
    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;}

  9. RLu1221
    Posted 1 year ago #

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

  10. StyledThemes
    Posted 1 year ago #

    You're very welcome! No star rating or review is required...hint hint, haha :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic