Need CSS styling of category titles – need them to be case sensitive

  • Resolved maja2019

    (@maja2019)


    1 year, 7 months ago

    Hello,

    In this link #WhenTheLastTreeIsCut – Boiling Frogs Blog

    There are two, orange and black, capitalized titles of the category #WhenTheLastTreeIsCut

    I would like to make them both sensitive case and shown as #WhenTheLastTreeIsCut

    Plus I would like the orange title to be mobile friendly – make it smaller so it fits the mobile screen better. The black one does it.

    I tried CSS but it didn’t work:

    body.category-#WhenTheLastTreeIsCut {
	text-transform: none !important;
	font-size: 20px !important;	
} 

.content-area .page-header .page-title {
    font-size: 20px !important;
}

    Also, if you can recommend any comprehensive CSS documentation (listing all Selectors, Properties & possible Values) as they should be used in 2023 then that would be amazing. I had issues with CSS before and I just don’t seem to be able to learn how to use it properly so I don’t have to keep asking questions about it here.

    Huge thanks in advance!

    Note: I’m using Child Astra Theme.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter maja2019

    (@maja2019)

    Actually if I can make all the categories case sensitive then that would be fantastic!

    Hi @maja2019,

    From the Customizer > Blog > Blog / Archive > Blog Title > DESIGN tab, and on Title Font make sure you have the capitalization unselected, like seen in this screenshot. Having the configuration like that means the Category Page Title will appear like you type. If you type #WhenTheLastTreeIsCut it will appear as #WhenTheLastTreeIsCut.

    I hope it will help. Let us know if you need more help, otherwise please mark the topic as Resolved.

    Kind regards,
    Herman ??

    Thread Starter maja2019

    (@maja2019)

    Hello Herman,

    Thank you for coming back to me. Unfortunately, the capitalization appears to have been already unselected. Please see the screenshot.

    Can it be the problem with my Starter Template Outdoor Adventure that I used to build the website with?

    Outdoor Adventure – Multipurpose template suitable for any use (wpastra.com)

    Kind regards,

    Maja ??

    • This reply was modified 1 year, 6 months ago by maja2019.
    • This reply was modified 1 year, 6 months ago by maja2019.
    • This reply was modified 1 year, 6 months ago by maja2019.

    Hi @maja2019,

    Would you mind sharing the Astra settings with us? This doc will show you how you can export the Astra settings of your site. I will try to import it on my dev site, so I can have a closer look of the Astra settings of your site.

    Don’t worry, it’s safe as it contains only the Astra settings, nothing else.

    Kind regards,
    Herman ??

    Thread Starter maja2019

    (@maja2019)

    Hello Herman,

    Thank you for not giving up on us. Hope you can get access to the file.

    Kind regards,

    Maja ??

    Hi @maja2019,

    Thanks for sharing the Astra settings of your site.

    This is a video I created for you to see how it works. As we can see in the video, please also check the H1 section under Global > Typography.

    I hope it will help.

    Kind regards,
    Herman ??

    Thread Starter maja2019

    (@maja2019)

    Hi Herman,

    That worked beautifully!! What would we do without you expert guys! Thanks so much!!

    Kind regards,

    Maja ??

    No problem, Maja. So happy can be a help! ??

    Feel free to start a new thread if there is anything else related to Astra, we can help you with.

    Kind regards,
    Herman ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Need CSS styling of category titles – need them to be case sensitive’ is closed to new replies.