Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 8, 2017 at 12:23 pm #757731
    m9491

    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?

    March 9, 2017 at 3:33 pm #758400
    Rikard

    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

    March 10, 2017 at 11:52 am #758834
    m9491

    Here you go.

    March 14, 2017 at 1:33 pm #760704
    Andy

    Hi,

    obviously we need login details as well :).

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

    Best regards,
    Andy

    March 15, 2017 at 11:21 am #761308
    m9491

    Hello again,

    The temporary login link is reactivated.

    Best regards,
    M

    March 15, 2017 at 1:17 pm #761395
    m9491

    Hello,

    March 17, 2017 at 2:33 pm #762502
    Victoria

    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

    March 20, 2017 at 10:18 am #763544
    m9491

    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?

    March 21, 2017 at 10:05 pm #764382
    Victoria

    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

    March 23, 2017 at 10:33 am #765287
    m9491

    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.

    March 24, 2017 at 3:59 pm #766256
    Victoria

    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

    March 27, 2017 at 10:02 am #767286
    m9491

    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.

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