badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

How to put border around featured image

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #11293
    LInaTee
    Participant

    Hello,
    I have the slider set up on my static home page. I would like to know how to put a border around the images on the pages, they are set up as featured image. If I go into CSS and do
    img {
    background-color: #fff;
    border: 1px solid #ddd;
    }
    It messes with the sliders border. If I use attribute it is not compatible with HTML 5, CSS 5

    Also, how do I change the color of the dots on the slider which represent which image is up?

    Thank you love the theme

    #11346

    Hi Lina,

    Can you provide us your site url so that we can see in which image you want a border and provide you a exact code for it.

    Thank you!

    #11378
    LInaTee
    Participant

    Yes it’s http://www.maid2clean.me

    On the Cleaning Service I have two photos and on the Area’s we service sub page is a photo of Columbus. I have the Columbus and Kitchen photo set up as the feature image on these pages so they go in the slider. I would like to have the same look through out so I have been using the code for the slider on the widgets and would like to have the same for the photo borders

    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 7px;

    This was taken from your stylesheet for the slider border

    Thank you

    #11379
    LInaTee
    Participant

    Also, how can I get the header title to align right of the logo with the logo staying where it is. Again I was just working with the #site-title in style sheet and it just moved my logo to center.
    Thank you

    #11404

    Hi LInaTee,

    To add a border for the image tag Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

    .post-featured-image a {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        display: block;
        padding: 5px;
    }

    and to align the header title to right of the logo you have to customize the code and you have to hire a developer for this

    Thank you!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.