• Resolved Elvis1973

    (@elvis1973)


    I am using the Twentyfourteen theme and wondering if there is a way to customize /remove the background of a featured image I get a grey lined background behind the image as seen below:

    [IMG]http://i62.tinypic.com/vr9df7.jpg[/IMG]

    Below is what I want it to look like (from an old screen shot when I had the retired “Fourteen extended” plugin)

    [IMG]http://i60.tinypic.com/1zb70p5.jpg[/IMG]

    I even looked on firebug but could not figure out how to remove the grey background.

    I have a child theme.

    The blog is: 50thirdand3rd.com

    Thank you

Viewing 10 replies - 1 through 10 (of 10 total)
  • I havn’t really played with that theme but I would be trying something like the following in your child themes style.css.

    .post-thumbnail {
    background: transparent !important;
    }
    a.post-thumbnail:hover {
    background-color: transparent !important;
    }
    Thread Starter Elvis1973

    (@elvis1973)

    I just tried that and it didn’t seem to make a difference.

    At first I thought it was because my featured image was not filling the entire space, but with the “fourteen extended” plugin it worked perfectly.

    Even though the plugin is out of commission, maybe I could activate it for a moment enough to copy the code from Firebug so you might be able to figure it out?

    Thank you for your help.

    Does this do what you’d like:

    .featured-content {
    background-image: none !important;
    }

    Also, I noticed you have the Fourteen Colors plugin. Are there any settings in that plugin that might do what you’re hoping for?

    Thread Starter Elvis1973

    (@elvis1973)

    Hi stephencottontail,
    It did change it slightly but only the background behind the featured images that were up top “sticky posts”. However, it did not change the grey lined background behind the featured images for posts under the “sticky posts”.

    The Fourteen Colors plugin only changes the accent color, links, text selection and the header search bar.

    I also have the “Styles: TwentyFourteen” plugin and I changed a few content background colors but it doesn’t want to change the light grey lined background behind the featured images.

    I’m stumped.

    The code that @asylum119 should have worked for that section. Are you using a caching plugin? If so, you should temporarily disable it while you make changes.

    Thread Starter Elvis1973

    (@elvis1973)

    I do have Quickcache but I disabled it and put in the code…. but it still displayed those thin diagonal lines behind the featured image.
    The lines are not horrible by any means but I figured there must be a way to get rid of them.

    Thanks for trying however…

    I don’t see the code I suggested on your site. Did it get removed by mistake?

    .featured-content {
    background-image: none !important;
    }
    Thread Starter Elvis1973

    (@elvis1973)

    Hello stephencottontail,
    I put asylum119 code in my child theme below (screen shot)

    http://i61.tinypic.com/6iqonb.jpg

    I’m not sure why it isn’t showing for you. Do you want me to erase that code and put your code in?

    Thanks for your help!

    No. You should use both of our code snippets, and that should take care of your issue.

    Thread Starter Elvis1973

    (@elvis1973)

    asylum119 & stephencottontail

    Together both code snippets worked! Fantastic.

    I really need to learn to code.

    Thanks again guys.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Featured Image Post Background’ is closed to new replies.