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

    • 6

    6 Top Custom Post Types Plugins for WordPress

    Custom post types present an interesting opportunity to make your site unique and differential from other sites. With it, your visitors will enjoy an improved readability of the content in your website and will [...]

    • Performance Improvement on Metal Gears.

    8 Tips to Improve WordPress Performance

    The internet has revolutionized not just how people live and communicate, but how they shop, how they are entertained, and even how they learn. In short, all businesses are now run on the internet. [...]

    • 1.12

    How to Move WordPress Website to a New Host

    Introduction
    WordPress is a very effective platform for carrying out different kinds of web development operations. That’s the reason why it is being used throughout the world for the development of different kinds of websites. [...]

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