Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1036595

    Dear moderators!
    Thanks in advance for your great work!
    Can you please help with some extra css in the customizer for styling de masonry blog.
    I choose ‘Display as centered overlay’ in the Element Captions. But now I wish to have the text not centered, lower and another text color.
    Hope to hear from you! Thank you.

    #1037190

    Hey bluelemon91,

    Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    #1058790

    Sorry for this late reply, this project was quite delayed.
    See the link to the page (as you can see, this page is still in progress…).
    As we have other blogpages as well (in ‘home’ for example with masonry in portrait, with text below the image), we only wish to change the title text, summery en date and position in case we opted for the ‘display as centered overlay’ (in the content element for ‘blogpost’).
    The text preferably with a minimal shadow.
    Curious to your answer, thanks in advance!
    Best regards,
    Janny

    #1060368

    Hi,

    Thanks for the update. The site is on maintenance mode though, so we can’t see anything. Please disable the maintenance mode or post the login details in the private so that we can see the page. A screenshot will help as well. You can use imgur or dropbox.

    Best regards,
    Ismael

    #1060417

    Hi Ismael,

    I’m sorry, just enabled the maintenance mode yesterday, because I discovered Google indexes pages (on another site), although I blocked the function ‘block search engines to index this site’. And this is not desirable with this site in development.

    But I just disabled the maintenance mode, so you can take a look at it.

    Looking forward to your reply, thanks again!
    Best regards,
    Janny

    #1060947

    Hi,

    Thanks for the update.

    You can use this css code to adjust the style of the captions.

    #top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content-pos, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {
        vertical-align: bottom;
        text-align: center;
    }
    
    .av-inner-masonry-content-pos-content {
        background: rgba(255,255,255,.9);
        color: black;
        min-height: 128px;
        padding: 13px 0 13px 0;
    }
    
    span.av-masonry-date.meta-color {
        color: red;
    }

    Adjust the color values as you wish.

    Best regards,
    Ismael

    #1061592

    Hi Ismail,

    Thanks a lot for you reply. It almost works fine.
    One more question. Can you please tell me which code I have to add for having the title in an other color too, white in this case?
    See link.
    Thanks again.

    Best regards,
    Janny

    #1061843

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
    /* CSS - */
    
    #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
        color: white;
    }
    
    
    

    Best regards,
    Vinay

    #1062664

    Hi Vinay,

    It works perfectly right now!
    Thanks again!

    Best regards,
    Janny

    #1062878

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘masonry blog styling enfold 2017’ is closed to new replies.