
-
AuthorPosts
-
November 22, 2018 at 4:34 pm #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.November 24, 2018 at 4:01 am #1037190Hey bluelemon91,
Please provide a link to the site/page in question so we can look into this further.
Best regards,
Jordan ShannonJanuary 25, 2019 at 4:38 pm #1058790Sorry 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,
JannyJanuary 30, 2019 at 8:13 am #1060368Hi,
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,
IsmaelJanuary 30, 2019 at 10:34 am #1060417Hi 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,
JannyJanuary 31, 2019 at 1:02 pm #1060947Hi,
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,
IsmaelFebruary 1, 2019 at 4:03 pm #1061592Hi 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,
JannyFebruary 2, 2019 at 5:15 am #1061843Hi,
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,
VinayFebruary 4, 2019 at 1:24 pm #1062664Hi Vinay,
It works perfectly right now!
Thanks again!Best regards,
JannyFebruary 4, 2019 at 10:25 pm #1062878Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘masonry blog styling enfold 2017’ is closed to new replies.