Tagged: titles
-
AuthorPosts
-
September 27, 2019 at 12:03 am #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!September 27, 2019 at 12:27 am #1142520Yes, 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-titleOthers as well.
Regards,
September 27, 2019 at 2:41 am #1142539Thanks, 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
September 27, 2019 at 10:36 am #1142650Hi asmo111,
Which element are you referring to? I am not seeing the masonry there.
Best regards,
VictoriaSeptember 27, 2019 at 3:47 pm #1142785At 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
September 27, 2019 at 4:10 pm #1142793
And example of how I want it to look- This reply was modified 5 years, 1 month ago by asmo111.
September 27, 2019 at 6:26 pm #1142867Hi asmo111,
Best regards,
VictoriaSeptember 27, 2019 at 10:06 pm #1142919September 29, 2019 at 8:31 pm #1143147Hi 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,
VictoriaOctober 2, 2019 at 12:43 am #1143989Thanks 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 5 years, 1 month ago by asmo111.
October 2, 2019 at 4:41 am #1144035I 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; }
October 2, 2019 at 1:08 pm #1144157Hi,
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_RESOLVEDYour CSS might work if you change it to this:
.cat-item-35 .av-magazine-title .entry-title { color: #F5601F !important; }
Best regards,
RikardOctober 2, 2019 at 8:42 pm #1144257Thanks Rikard,
site is already online in this url https://inolasaponetealdia.comI 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; }
October 4, 2019 at 5:02 am #1144847Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.