Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 12, 2018 at 3:35 pm #941009
    bakbek

    Hi, how can I customize the load more button in a masonry galley? I want to increase the font size and change the font color and maybe add a different background color.

    Thanks.

    April 12, 2018 at 6:51 pm #941084
    Guenni007

    for example if you don’t like it fullwidth :

    #top .av-masonry-load-more {
    display: inline-block; 
    box-shadow: 3px 3px 6px #666;
    border-radius: 15px;
    left: 50% ;
    transform: translateX(-50%);
    position: relative;
    top: 15px;
}
    April 13, 2018 at 6:32 am #941276
    Rikard

    Hi,

    Thank for helping out @guenni007, did you try that out @bakbek?

    Best regards,
    Rikard

    April 13, 2018 at 1:16 pm #941479
    bakbek

    Yes, but that is not the design I want.

    I want the button to look like in the screenshot – https://screencast.com/t/BXbIa7Qi3E – and to keep it in the center. How can I do that?

    April 13, 2018 at 7:30 pm #941649
    Guenni007

    nice to see one screenshot – and you are not able to adjust the few lines yourself ?
    Centering from a screeshot is hard to say – center to what – a link is alway better

    this is my simulation :

    #top .av-masonry-load-more {
    display: inline-block; 
    box-shadow: 1px 1px 3px #666;
    border-radius: 15px;
    left: 50% ;
    transform: translateX(-50%);
    position: relative;
    top: 15px;
   color: #fff ;
   background-color : rgb(30,205,215) !important;
   font-size: 28px !important
}

    PS : you get rid of that deformation by letter-spacing set to 0px

    April 13, 2018 at 11:23 pm #941752
    Basilis

    Hi,

    That worked for you?

    Best regards,
    Basilis

    April 14, 2018 at 6:55 pm #942013
    bakbek

    It still isn’t aligned to the center. How can I align it?

    April 15, 2018 at 6:51 am #942133
    Rikard

    Hi,

    Please try this as well:

    .av-masonry-load-more {
    display: table !important;
    transform: translateX(0%) !important;
    margin: 20px auto !important;
}

    Best regards,
    Rikard

    January 28, 2020 at 2:00 pm #1179004
    tekniskakari

    Hello. I could create a new topic, but after all it is about customizing the masonry load more button. We’d like to change the “load more” text to our language. Possible to do it with add_filter and a str_replace or something else?

    January 28, 2020 at 2:17 pm #1179009
    Yigit

    Hi,


    @tekniskakari     Please use this plugin – https://wordpress.org/plugins/loco-translate/

    Cheers!
    Yigit

    January 29, 2020 at 12:22 pm #1179379
    tekniskakari

    Thanks!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘How to customise the load more button in a masonry gallery?’ is closed to new replies.