Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 21, 2014 at 6:00 am #267794
    Jox

    I have a couple of questions regarding both the fullwidth marsonry features.

    First, here is the link to the page so you can see what I am referring to:
    Website Here

    I’ve been able to figure out most of what I wanted, but I can’t figure out three things:
    1. Is it possible to remove the black border at the top of the masonry?
    2. How can I decrease the padding between the text and the grid?
    3. Is it possible to customize the colors of the article title text and background that are displayed on mouseover?

    I’m loving the new updates!! Easily the best money I’ve spent on a theme.

    Cheers,
    Jox

    May 21, 2014 at 6:03 am #267796
    Jox

    The 3rd question I had is actually specific to this page HERE, which is the FW Masonry Gallery, not just the Fullwidth Masonry feature found under ‘Content Elements’ in the template builder. Didn’t know if there was any difference as far as the CSS would go so I thought I’d specify. I’d also like to adapt problem #1 to this as well, seeing as I want to do it on both pages.

    May 26, 2014 at 7:12 am #269948
    Chris

    Hey!
    So for this page: http://utrugby.com/sin-bin/
    This will get rid of the border between the text and gallery:

    body.page-id-1595 .container_wrap {border-top-style: none!important; border-top-width: 0px;}

    And this will change the padding.. change the 15 to whatever spacing you like:

    body.page-id-1595 .template-page {padding-bottom: 15px;}

    This will change the color of the title on the masonry hover:

    .av-masonry-entry .av-masonry-entry-title {color: #C15000!important;}

    This will change the background color, and the color of the little arrow in the middle to match your new background color:

    .av-inner-masonry-content.site-background {background-color: #000!important;}
.av-inner-masonry-content-pos .avia-arrow {background-color: #000!important;}

    Here is what it would look like:
    https://dl.dropboxusercontent.com/u/21724593/new-background.png

    Best regards,
    Chris

    • This reply was modified 9 years, 12 months ago by Chris.
    May 27, 2014 at 5:48 pm #270634
    Jox

    Chris,

    Thanks!! Everything works great. I was able to figure out more customization through your post. You can definitely close this post! :D

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Quick CSS Styling with Fullwidth Masonry Gallery and Fullwidth Masonry’ is closed to new replies.