Tagged: Advanced Styling
-
AuthorPosts
-
November 1, 2024 at 12:51 am #1470378
Hello Enfold team,
***Issue 1***
I’m having a hard time trying to apply some simple styling changes to a website I manage.
Using Advanced Styling, I can’t…
– Change <p> styling for all <p> tags. Whatever I change here does not apply to the website.
– Change <body> styling for all <body> tags. Whatever I change here does not apply to the website.
– Change text transform for <H2> tags. Whatever I change here does not apply to the website.For example, using Advanced Styling, I set:
<p> – Change the styling for all <p> tags
Font Size 21px
Line Height 1.5emYet all text blocks using paragraph text formatting on my site DO NOT use these settings. I’m having to set each text block text size manually to achieve the desired result, which is an annoying and time-consuming approach and workaround that isn’t a sustainable approach for managing the website.
I’ve also set:
H2 – Change the styling for your H2 Tag
Text Transform: NONEAnd yet ALL my H2 tags across the site are still capitalised, which looks bad. I need these to be Normal case. I don’t know what’s going on. Advanced Styling seems to be all over the place and a complete mess on this site. Why? Even setting “All Headings (H1-H6) – Change the styling for all Heading tags” text transform to NONE or LOWERCASE doesn’t change anything.
I really need some insight into what’s going on here; thank you.
***Issue 2***
I would also like to know how to set the text transform for all avia-caption-title tags for my slideshow elements at once. Currently, I’m having to do Quick CSS like the below for each individual slideshow on the site – which seems like a poor solution:
#top #wrap_all .avia-slideshow .av-slideshow-caption.av-lynrrnic-2807a30891cbcdbcb963567175d45a9b__0 .avia-caption-title {
font-size: 80px;
text-transform: none;
}Thanks,
Tom- This topic was modified 1 month, 3 weeks ago by Thumphreys.
November 1, 2024 at 12:27 pm #1470422Hey Thumphreys,
You have an open media query in Quick CSS:
.logo img { top: 50%; transform: translateY(-50%); } @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive .logo img { margin: 0; display: none; } #top div .caption_center .slideshow_caption { left: 0; width: 100%; text-align: center; font-size: 35px; }
That is likely why the theme options are not applying.
Best regards,
Rikard -
AuthorPosts
- You must be logged in to reply to this topic.