Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 24, 2017 at 10:25 pm #737970
    Eric

    Hi Enfold Support,
    Is it possible to change the font color and style for a specific category of posts? We have posts of category “Press Release” that have a different color title font color than “Blog” categorized posts. To date we’ve been using inline styling that sometimes that override the theme font styling so the post feed will look great on the “Press Releases” page but not when we want to create a “Blog Posts” feed in a widget using the theme’s styling.

    Can we designate the font color when using the Blog Post Content Element? Can we create a new Blog Style that we can apply to the Blog Post Content Element?

    Thanks!

    January 25, 2017 at 8:18 am #738178
    Rikard

    Hey Eric,

    You can use the page-id class or category class to do that, please post a link to the site in question and try to explain a bit further what changes you are looking to make.

    Best regards,
    Rikard

    May 10, 2017 at 7:41 pm #791304
    artisforever

    Hello,

    I’m attempting this same thing, but I’ve had no luck. I tried using multiple variations with the page ID to change the color of my H2 in my category pages, but I can’t get it to work. It is currently white, which I just need to change the H2 color on that page. If possible I’d like to change the H2 to a different color on all category pages. My CSS is below (I also uploaded a screenshot to see my chrome inspector elements, etc.)

    .page-id-441 h2.post-title.entry-title {
    color: #5c5c5c;
    }

    May 10, 2017 at 8:29 pm #791328
    Eric

    Hi Rikard, sorry for the long delay. We initially just left the press release posts headline coloring as is. That said we’ll try creating a font color style for the header fonts used in the “press release” posts using the category ID class as you mention. @artisforever, thanks for revisiting this. :)

    May 10, 2017 at 10:08 pm #791359
    artisforever

    Hah, no problem. Let me know if you have any luck, as of right now, there is a conflict with the h2’s on my category archive page and some other pages, so I’d rather specify changing that using the page ID or an overall category page switch. Let me know if anything works out for you. I tried a bunch of variations going back and forth in my google inspector and my quick css but couldn’t get anything to change.

    Good luck!

    May 11, 2017 at 5:28 am #791461
    Sarah

    Hi guys!

    Eric, do let us know how things work out for you. If you need further help, please post a link to the site in question so we can take a closer look.

    @artisforever, thank you for the screenshot. Have you tried adding the !important rule?

    .page-id-441 h2.post-title.entry-title {
color: #5c5c5c !important;
}

    Also, I think it’s best if we can take a look at the actual page in question. You can create a new thread so that you can put information in the Private Content section. If you put that info in this thread, Eric will also see it. ;)

    Best regards,
    Sarah

    July 18, 2018 at 12:07 am #986694
    Roberto F.

    Hi, I would like to change the background color of magazine title depending on categories of post: category1->red, category2->blue, and so on…
    I know how to change all the titles background in the CSS with the following code:

    .av-magazine-top-heading {
    background-color: #cc1212;
    color: #ffffff!important;
    }

    but I don’t know how to distinguish between categories… HELP!!!

    July 18, 2018 at 3:06 am #986720
    Jordan Shannon

    Hey ferrignoroberto,

    You would need to target the specific category id. This can be pulled via the browser inspector. So you would need a code like this:

    .page-id .av-magazine-top-heading {
background-color: #cc1212;
color: #ffffff!important;
}

    Best regards,
    Jordan Shannon

    July 18, 2018 at 10:01 am #986861
    Roberto F.

    Hi Jordan, thank you, but I don’t understand “You would need to target the specific category id. This can be pulled via the browser inspector. “.
    I’m new in WordPress and CSS so I don’t understand how to do this. I tried with:

    .category-news .av-magazine-top-heading {
    background-color: #cc1212;
    color: #ffffff!important;
    }

    but it doesn’t work… ;(

    July 18, 2018 at 6:50 pm #987137
    Jordan Shannon

    Hey Roberto,

    Please provide a link to the site and area you want to modify.

    Best regards,
    Jordan Shannon

    July 18, 2018 at 11:34 pm #987211
    Roberto F.

    Hi Hordan please find here attached the link to the temporary webpage, it’s only a copy of demo Homepage V10 Magazine:

    Home v10: Magazine

    To explain better: I would like to have for instance the header of first magazine block (ECONOMY) with a certain background color, let’s say RED for instance, and for the second block (LIFESTYLE) a background color GREEN…
    Each category one assigned color for background…
    Thank you

    July 19, 2018 at 5:29 pm #987516
    Jordan Shannon

    Hi,

    I see. Please add the following to quick css. This would take care of Economy and Lifestyle and then the others would follow suit #av-magazine-3, av-magazine-4, etc.:

    #av-magazine-1 .av-magazine-top-bar {
background:red;
}

#av-magazine-2 .av-magazine-top-bar {
background:green;
}

    Best regards,
    Jordan Shannon

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