• Creator
    Topic
  • #8368

    Jose Salinas
    Spectator
    Been thanked: 0 times

    The background color is dark in the header and the social images don’t show up clearly. Is there a setting I can update to make them more visible? Or maybe some custom CSS you can provide so that I can add a 1px white border so users know they’re up there?

    Also, the front page shows recent posts now but the featured images have no border. I’d like to add a 1px border to them. How can I do that?

Viewing 8 replies - 1 through 8 (of 8 total)
Replies
  • Roman
    Keymaster
    Post count: 2543
    Been thanked: 29 times
    #9539 |

    please provide me your website URL so I can see visually what you request

    Jose Salinas
    Spectator
    Post count: 8
    Been thanked: 0 times
    Roman
    Keymaster
    Post count: 2543
    Been thanked: 29 times
    #9542 |

    have you try to change Header Social Icons Color Scheme option in the Styling Options? which featured images do you mean?

    Jose Salinas
    Spectator
    Post count: 8
    Been thanked: 0 times
    #9595 |

    Yes, I’ve tried to change the Header Social Icons Color Scheme. There is a light and dark option. The Dark helps a little, but I’d rather have the Dark with a 1px border around the icons…but I don’t know the CSS to do that.

    The featured images are the ones that are displayed on the main page. I did this by using your shortcodes via the TinyMCE options.

    Example below:

    • Plugins to Stop Hackers

    Top 10 Best Security Plugins to Stop Hackers

    There has been an increase in the use of WordPress in the recent past making WordPress the most popular blogging and website building platform in the world. Due to its popularity and increase in [...]

    The recent posts have a thumbnail image, and I want to put a 1px border around those thumbnail images via CSS.

    Roman
    Keymaster
    Post count: 2543
    Been thanked: 29 times
    #9596 |

    for the social icons try in the Custom CSS field:

    Code:
    .header-v3 .social-networks a {border:1px solid #555;}

    for the featured images use something like:

    Code:
    .flexslider .slides img {border:1px solid #555;}
    Jose Salinas
    Spectator
    Post count: 8
    Been thanked: 0 times
    #9597 |

    Thanks! The social icons CSS works great and Is exactly what I needed.

    For the featured images, the border appears on all sides except the right side. I tried on both IE and Firefox and same issue.

    Roman
    Keymaster
    Post count: 2543
    Been thanked: 29 times
    #9602 |

    the border is there, it’s just not shown because it’s hidden by CSS. try this:

    Code:
    .flexslider .slides img {max-width: 99%; width: 99%;}

    decrease the percentage per needs

    Jose Salinas
    Spectator
    Post count: 8
    Been thanked: 0 times
    #9605 |

    Excellent! Thank you very much, Roman!

Viewing 8 replies - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.