WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Thirteen
Image Gallery change border color (5 posts)

  1. quintain
    Member
    Posted 4 months ago #

    Hi.
    How can I change the border color of my page pics http://www.thebeardogguy.com/meet-our-dogs/

    I am using a child theme.

    In admin when I select a page pic "Edit Picture" and then "advanced settings" the border color has a default of:- border: 10px solid black;

    I can change to any solid color -Red-Blue-Green etc but what I want is #F9F8EE which appears to be the background color for my right hand widget area.

    When I try:-
    border: 10px #F9F8EE; or
    border-color: 10px #F9F8EE;

    the border disappears completely.

    Advice would be welcome.

  2. CrouchingBruin
    Member
    Posted 4 months ago #

    Looks like you fixed it? Although the borders are all #f8f3dd and not #f9f8ee.

    I hope you didn't go in and enter all of those inline styles by hand. You could have targeted a CSS rule with a selector like .entry-content h4 a img.

  3. quintain
    Member
    Posted 4 months ago #

    Thanks
    I am not sure how to use your css in my child theme style.css
    Where do I define the color.

    yes to fixing it by hand on all pics AND only after "Edit Picture" and then "advanced settings" and putting #f9f (3 digits only) it gave me purpleis border. it then allowed me to enter the full #f9f8ee

  4. CrouchingBruin
    Member
    Posted 4 months ago #

    You would add this to the end of your child theme's style.css file:

    .entry-content h4 a img {
        border: 10px solid #f9f8ee;
    }

    Unfortunately, now that you've added the style inline, it will be impossible to override unless you add the !important clause (which you should try to avoid). Why don't you start off by taking the inline style off of one picture and seeing if the above CSS rule affects it the way you want it to? If it does, then you can take the styling off of the rest of the images.

  5. quintain
    Member
    Posted 4 months ago #

    Thank you.

    I see your correct fix places a border on all pics.
    I entered the following in my styles.css

    /* start of picture border alteration-change single pics border color in admin editor may need to enter 3 code color at first */
    .entry-content h4 a img {
    border: 10px solid #f9f8ee;
    }
    /* end of picture border alteration */

    I deleted border on pic 1 (blackJack)and used #ff0033 at 20px to test out your procedure and it worked.

    I also tested border: none; to remove border from a selected pic and that worked.

    Thank you for your help I very much appreciate it.

Reply

You must log in to post.

About this Theme

About this Topic