• 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: 2584
    #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: 2584
    #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:

    • Image Optimizatin Plugins Main Image

    Top 10 Best WordPress Images Optimization Plugins

    Website loading speed has increasingly become a very important Search Engine Optimization factor. In fact there have been several case studies that have proved fast loading sites rank better. Images play a vital role [...]

    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: 2584
    #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: 2584
    #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.