• Creator
    Topic
  • #8368

    Jose Salinas
    Spectator

    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: 2608
    #9539 |

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

    Jose Salinas
    Spectator
    Post count: 8
    Roman
    Keymaster
    Post count: 2608
    #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
    #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:

    • 2.1

    5 Benefits of WordPress Blog Hosting

    The internet is rich with a large number of resources this is due to the high number of blogs and websites created and published every day. With blogs and website providing content and information [...]

    • 1.1

    3 Key Elements of a Profitable WordPress Blog

    Blogging is sun and most prolific way of turning your passion or rather hobby into profit. All you need to do is write articles about what you love, then when your blog gains the [...]

    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: 2608
    #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
    #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: 2608
    #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
    #9605 |

    Excellent! Thank you very much, Roman!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Custom CSS for social icons in header and featured images?’ is closed to new replies.