Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1142517

    Hi, I need the titles of the entries in each category to be displayed in a different color, is that possible?
    Blue, Orange,Green, Yellow
    Thanks!

    #1142520

    Yes, you can.

    Play with this code:

    .home .av-masonry-container .format-quote h3.av-masonry-entry-title.entry-title {
    font-weight: 300;
    font-size: 18px;
    }

    .single-format-standard .post-title.entry-title,
    .single-format-gallery .post-title.entry-title

    .av-masonry-container .format-standard h3.av-masonry-entry-title.entry-title,
    .av-masonry-container .format-image h3.av-masonry-entry-title.entry-title,
    .av-masonry-container .format-audio h3.av-masonry-entry-title.entry-title,
    .av-masonry-container .format-video h3.av-masonry-entry-title.entry-title,
    .av-masonry-container .format-gallery h3.av-masonry-entry-title.entry-title,
    .av-masonry-container .format-quote h3.av-masonry-entry-title.entry-title,
    .av-masonry-container .format-link h3.av-masonry-entry-title.entry-title

    Others as well.

    Regards,

    #1142539

    Thanks, and where I put the # color I want for each category? I need that all titles of an specific category show a different color in all the website. I guess i need the Category id but no idea what to do with that code

    #1142650

    Hi asmo111,

    Which element are you referring to? I am not seeing the masonry there.

    Best regards,
    Victoria

    #1142785

    Image showing example

    At my home page there are 4 categories. In the image I put color to the title I need. Social category is orange, so I need that the title looks orange. Ambiental is green, so I need that Ambietal category titles look green and so. Thanks

    #1142793

    Another example of how I want it to look
    And example of how I want it to look

    • This reply was modified 4 years, 11 months ago by asmo111.
    #1142867

    Hi asmo111,

    Best regards,
    Victoria

    #1142919

    40ytantos.blog Status
    Is 40ytantos.blog down right now?
    It’s just you. 40ytantos.blog is up.

    Site

    • This reply was modified 4 years, 11 months ago by asmo111.
    #1143147

    Hi asmo111,

    I can see it now again. That was weird.

    Here you can see how to add categories to the magazine element, but you can add them as a class to the title and so later you can use them to give different colors to the title.

    Best regards,
    Victoria

    #1143989

    Thanks for the answer but i didn’t understand. Already read everything in those posts and don’t find where it explain how I can get the title of each entry of an specific category in the color I want. I got done the menu, the category widget but not the title of each entry on the specific category in my home page.

    • This reply was modified 4 years, 11 months ago by asmo111.
    #1144035

    I don’t know if I’m close or not sense at all… but i guess it should be some css like this

    .cat-item-35 av-magazine-title entry-title {
    color: #F5601F !important;
    }
    #1144157

    Hi,

    I can’t load your site either:

    This site can’t be reached your.site’s server IP address could not be found.
    Try:

    Checking the connection
    Checking the proxy, firewall, and DNS configuration
    ERR_NAME_NOT_RESOLVED

    Your CSS might work if you change it to this:

    .cat-item-35 .av-magazine-title .entry-title {
      color: #F5601F !important;
    }

    Best regards,
    Rikard

    #1144257

    Thanks Rikard,
    site is already online in this url https://inolasaponetealdia.com

    I try with this, already purge cache, but all titles continue black

    .cat-item-1 .av-magazine-title .entry-title {
      color: #F4B317 !important;
    }
    
    .cat-item-33 .av-magazine-title .entry-title {
      color: #292671 !important;
    }
    
    .cat-item-34 .av-magazine-title .entry-title {
      color: #F5601F !important;
    }
    
    .cat-item-35 .av-magazine-title .entry-title {
      color: #269C47 !important;
    }
    #1144847

    Hi,

    This class is not present on the page, where are you getting it from?

    .cat-item-1

    That class is not included in the element, you could try to target the ID class, that that is likely going to be a lot of work though:

    .av-magazine-entry-id-3438 .av-magazine-title .entry-title a {
      color: #269C47 !important;
    }

    You need to inspect the elements in your browser to see which classes are at your disposal.

    Best regards,
    Rikard

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