Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #757731

    I wish to add a custom CSS class to a masonry blog (the one under content elements in advanced layout builder), but when I add a custom class and look in the code to find it, it doesn’t seem to have registered it and no matter what styling I add it doesn’t show.

    The masonry gallery (the one under media elements in advanced layout builder) register it fine and works like a charm.

    What can I do?

    #758400

    Hey m9491,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #758834

    Here you go.

    #760704

    Hi,

    obviously we need login details as well :).

    Email does not matter, you can use a random one if you want.

    Best regards,
    Andy

    #761308

    Hello again,

    The temporary login link is reactivated.

    Best regards,
    M

    #761395

    Hello,

    #762502

    Hi M,

    Here is the code you can put in Quick Css filed in Enfold > Enfold Theme Options > General Styling:

    
    #top .post-entry.post-entry-type-page.post-entry-7040 .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image 
    .av-inner-masonry-content-pos-content {
    	vertical-align: bottom;
    	text-align: right;
    }
    

    Don’t forget to press ctrl+f5 or cmd+r when reviewing changes on your page.

    Let me know if this was helpful.
    Best regards,
    Victoria

    #763544

    Thanks for the answer, but I already figured that one out as a temporary solution. It’s not a lasting solution, though. We are going to use the Masonry Blog element many times, and if we have to find and write those specifics in every time, it’s going to take more resources than we have. So is there any way we can get the custom class in the masonry blog element to actually work like on the other elements?

    #764382

    Hi m9491,

    This code will work in most cases for pages, no need for custom class

    
    #top .post-entry.post-entry-type-page .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos-content {
    	vertical-align: bottom;
    	text-align: right;
    }
    

    Best regards,
    Victoria

    #765287

    Thank you for the answer. Unfortunately, it’s not what I’m looking for. I would like to know if we can fix the masonry blog so the CSS custom class is working. Is there any way that I can make it function or is it a glitch that won’t be solved?
    The reason I ask is that it would be so much easier for the people working on the website if they could just put in a certain class when they need the masonry blog to show the title in the bottom right corner. Just like they can with the other elements like the galleries and icon-boxes, etc.

    #766256

    Hi m9491,

    You can give any masonry an id and assign these styles to it.

    Also you can always request a feature here.

    Let us know if you have any more questions.

    Best regards,
    Victoria

    #767286

    The ID doesn’t work either. For now we use the ‘all-around’-code you suggested, but I still think you should fix the masonry-blog element at that point. No need to have a function to give it a CSS Custom Class or an ID if it doesn’t work. I’ll request that fix.

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.