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*
View all Themes

How to put border around featured image

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 13, 2014 at 10:37 pm #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

    June 16, 2014 at 5:16 am #11346
    Theme Horse Support Team
    Keymaster

    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!

    June 16, 2014 at 5:23 pm #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

    June 16, 2014 at 5:27 pm #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

    June 17, 2014 at 6:47 pm #11404
    Theme Horse Support Team
    Keymaster

    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!

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