- This topic has 5 replies, 2 voices, and was last updated 7 years, 4 months ago by
.
-
Posts
-
Hi Wen,
Just downloaded the new Pro version of Photomania. Looking forward to trying it out. However! I cannot, for the life of me, figure out how to remove this “first letter” color formatting. Didn’t see anything under Color Options or the Documentation. Could you please advise?
Thanks!
Hello,
The First letter color effect is default theme design that adds extra styling to the titles and texts around the front page.
If you want to remove the coloring effect please paste in the following custom CSS in Your Admin Dashboard > Appearance > Customize > Additional CSS :
#front-page-home-sections .section-title::first-letter, #photomania-front-page-widgets .widget-title::first-letter, .widget-title::first-letter, #main-slider h3::first-letter { color: #222222!important; }Hope this Helps,
Best Regards !!
Hi @wensolutions,
While this does change the first letter’s color, it doesn’t work in all instances…
For example:
Photomania Pro allows you to set slider color (default white text)
Photomania Pro allows you to set homepage sections (default black text)So…
If I “force” the color per your email, it only satisfies one of those choices. You can see what I mean here: http://www.tickettotakeoff.com/
Which means…
The custom CSS needs to be dependent on whatever letters come after it. I’m a little confused why there’s custom formatting on this letter to begin with… but looking forward to hearing your solutions.
Thanks!
Hello @EZiser,
We apologize for missing on the points. As the two different sections can be addressed by different selectors please replace the previous Custom CSS with the one below that addresses both situations :
/* CSS for the Widget Title and Front Sections */ #front-page-home-sections .section-title::first-letter, #photomania-front-page-widgets .widget-title::first-letter, .widget-title::first-letter{ color: #222222!important; } /* CSS for the main Slider Text */ #main-slider h3::first-letter { color: #ffffff!important; }This should remove the styling for both the sections with the default colors. We have also commented the code to make sure you can understand it properly. However please make sure to update the color hes in the custom CSS as well if you choose different color for the titles.
Hope this Helps !!
- You must be logged in to reply to this topic.
