-
AuthorPosts
-
September 18, 2022 at 11:15 am #1365382
Hi
i need to change the font size of “av-masonry-entry-title” in all single pages which contain a masonry gallery
I gave a class “kursmasonry” and made it like this:#top .kursmasonry .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title { font-size: 1.7em !important; color: #f7f7f7 !important;}
IT WORKS
I have a page (overwiew) which has a masonry element (not gallery!).
Here i pull all pages – this is the overwiev of all classes and courses i give.
I need to have another font size here but it does not workI work since hours but i cant make it work.
I even cant get it with the page id:.page-id-32278 .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title { font-size: 3em !important;}
This is the code of the page:
[av_masonry_entries link='kurskategorie,3792,3790,3787,3788,3791,3789' wc_prod_visible='' wc_prod_hidden='hide' wc_prod_featured='' prod_order_by='' prod_order='' date_filter='' date_filter_start='' date_filter_end='' date_filter_format='yy/mm/dd' period_filter_unit_1='1' period_filter_unit_2='year' sort='yes' query_orderby='date' query_order='DESC' caption_elements='title excerpt' caption_styling='overlay' caption_display='always' size='fixed masonry' orientation='' image_size='masonry' gap='large' columns='2' av-medium-columns='' av-small-columns='' av-mini-columns='' items='12' paginate='load_more' color='' custom_bg='' overlay_fx='bluronhover' animation='' img_scrset='' lazy_loading='enabled' id='workshop' custom_class='' template_class='' av_uid='av-l306034u' sc_version='1.0']
regards
E.ANo – i cant give you acess to my localhost.
Please @rikard – don`t support here.
ThanxSeptember 18, 2022 at 3:00 pm #1365427Hey evas49,
Thanks for the ALB shortcode, but it is for a masonry element (not gallery), and your css works for it:.av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title { font-size: 3em !important;}
naturally, I had to remove the page ID.
But the title of this thread is for a masonry gallery, so for a masonry gallery you would use this css:.av-masonry-entry .av-masonry-entry-title { font-size: 3em !important;}
I have tested it and it works for both the masonry gallery, and the masonry (not gallery).
Best regards,
MikeSeptember 24, 2022 at 9:13 pm #1366228It was a typo – of course i meant masonry element.
The fact that i posted the CSS is a strong hint for it.Read again please!
I need to change the font size only for the page with the .page-id-32278.
All other pages should show the masonry element like normal/standard/defaultkind regards
EvaSeptember 24, 2022 at 10:53 pm #1366232Hi,
Thanks for the feedback, this is the working css:.page-id-32278 .av-masonry-entry .av-masonry-entry-title { font-size: 3em !important; }
I created a test page using your shortcode above and it is working, feel free to adjust the font size to suit.
Best regards,
MikeSeptember 25, 2022 at 10:59 pm #1366286OK, that works. Thanx
Can you explain why my code didnt work?
.page-id-32278 .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
font-size: 3em !important;}eva
September 25, 2022 at 11:56 pm #1366291Hi,
Glad we were able to help, your css had a space in between the overlay and the entry classes, but since the two classes belong to the same div it was unnecessary.
If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Font size of title in masonry gallery’ is closed to new replies.