Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 21, 2014 at 10:54 am #338946
    MadRhino

    Hi there, I’m using the Masonry blog element on a white page background.

    (1) I would like to change the very light grey background color of the tiled masonry blog post elements to something a little darker to make them standout a little more over the white background. Could you please point me to how I could change that?

    (2) Working with the masonry blog post element, I thought it’s possible to define the number of columns to display your blog posts per row. At this point my masonry blog only displays two blog posts per row.

    It’s fine for now, as I don’t have that many posts as of yet, but in the future, I would very much like to display 3-4 blog posts per row. Am I missing something here? Or confusing this with another content element? Can this be done?

    Thank you very much. As always, I would appreciate any help or pointers.

    Best,

    Karl

    October 22, 2014 at 10:59 pm #339788
    Josue

    Hi Karl!

    1. Add this to Quick CSS (adjust as needed):

    .avia_desktop .av-hover-overlay-active .av-masonry-image-container{
    opacity: 0.7;
}
.av-inner-masonry.main_color{
    background: black;
}

    2. You can set the number of columns in the element options, if that’s not what you meant please create a mockup describing what you want to achieve.

    Cheers!
    Josue

    October 27, 2014 at 1:27 pm #341458
    MadRhino
    This reply has been marked as private.
    October 27, 2014 at 5:50 pm #341624
    Josue

    Hi!

    Try with this code instead:

    .main_color .container .av-inner-masonry-content, .main_color .container .av-masonry-entry .avia-arrow{
    background: red;
}

    Adjust as needed.

    Regards,
    Josue

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