Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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 work

    I 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.A

    No – i cant give you acess to my localhost.
    Please @rikard – don`t support here.
    Thanx

    #1365427

    Hey 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,
    Mike

    #1366228

    It 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/default

    kind regards
    Eva

    #1366232

    Hi,
    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,
    Mike

    #1366286

    OK, 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

    #1366291

    Hi,
    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Font size of title in masonry gallery’ is closed to new replies.