-
Posts
-
I am sorry in advance as I suspect this has been addressed multiple times. I have tried some of the Quick CSS suggestions but I have not yet located anything that works in my situation.
My page (in process) is listed in Private Content below.
I need help on the (white) photo captions at the bottom of this page, under the section “Shop by Store Category. Using the lefthand photo element as an example, I would like to increase the text size on these captions. Ideally the caption fix would not be site wide, but just for these phot elements at the bottom of this page. There will be 9 total elements 3 columns x 3 rows.
If it needs to be a site wide solution I can likely work around that. —Bill B
Hey William,
Thank you for the inquiry.
You can adjust the image caption’s font size in the Styling > Image Caption panel. Please check the screenshot below.
Best regards,
IsmaelThank you for your response Ismael. I have adjusted those settings many times, but nothing relating to caption size seems to work. I can choose any custom size and my text never varies off of default. Could there be a conflict with one of my code snippets within Quick CSS? Login provided in Private Content.
Hi,
Thank you for the update.
You may need to remove the body and p tag configs in the Enfold > Advanced Styling panel because they override the custom styling of the image caption. You can adjust the Default Content Font Size in the Enfold > General Styling > Typography panel instead.
Here is what it looks like after we removed the advanced styling of the p and body tags.
`
Best regards,
IsmaelIsmael, thank you again for your support. It looks as though you started and saved some oof the settings you suggested. I merely finished where you left off and tweaked a few things for consistency. I have always been curious about the interaction between Advance Styling Settings, and General > Typography. If I am not mistaken, General > Typography has gotten more in depth over the releases. I might not be remembering correctly.
One last question on this. I have viewed current settings on a mobile simulator. See the photo here: https://imgur.com/kE8anfe
I am wondering if there is a way to tighten line spacing on small mobile size only, ion the event the captions wrap to two lines.
Thanks Ismael for all your help!
Hi,
Yes, the default content font size and typography settings are recent additions to the theme options. Regarding the line spacing, you can try this css code:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .av-image-caption-overlay-center { line-height: 1em; } }Best regards,
Ismael
- You must be logged in to reply to this topic.