• Closed
  • Jose Salinas
    Spectator
    April 23, 2014 at 2:54 pm #8368

    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?

    Roman
    Spectator
    Posts: 3147
    April 23, 2014 at 8:11 pm #9539

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

    Jose Salinas
    Spectator
    Posts: 8
    April 23, 2014 at 8:44 pm #9541

    http://dfsauthority.com/

    Roman
    Spectator
    Posts: 3147
    April 23, 2014 at 8:56 pm #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
    Posts: 8
    April 30, 2014 at 9:50 pm #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:

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

    Roman
    Spectator
    Posts: 3147
    April 30, 2014 at 10:12 pm #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
    Posts: 8
    April 30, 2014 at 10:31 pm #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
    Spectator
    Posts: 3147
    May 1, 2014 at 11:23 am #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
    Posts: 8
    May 1, 2014 at 4:40 pm #9605

    Excellent! Thank you very much, Roman!