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

    • mysql

    Creating a MySQL Database for WordPress

    What is MySQL database?
    A database refers to a collection of organized data. In the case of a website, the data in question could range from posts and comments to usernames and their respective passwords. [...]

    • wpvideoembed-1200x400_c

    How to Embed Videos in WordPress Blog Posts?

    What exactly does embedding a video mean? Embedding, when referring to websites, simply means putting in your web content. Therefore, embedding a video relates to putting videos into the rest of the content of [...]

    • 1

    What is Category? A Complete Guide to WP Beginner

    A WordPress category is pre-defined taxonomy in WordPress. Categories are used in sorting out and grouping WordPress content into different sections. You can use category to define sections of your website posts or contents.

    For [...]

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