-
Posts
-
Dear Enfold
Thanks for a great theme. I use it all the time.I would like to be able to control the overlay color and title/entry/text/font color of the masonry grid when hovering. I would like separate settings for mobile and desktop. I’m using the following css for the element already. I can control the background for mobile it seems, but not the font.
@media only screen and (max-width: 767px) {
.responsive #top .av-masonry-entry {
width: 49% !important;
}
}@media only screen and (max-width: 767px) {
.responsive #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
font-size: 14px !important;} }
@media only screen and (max-width: 767px) {
.responsive #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
background: rgba(0,0,0,0.0);} }
Hey _urban_,
So you would like to apply your above styles to mobile only?
Best regards,
Jordan ShannonHi Jordan,
Thanks for the prompt reply. I’m sorry for being unclear. Please disregard the attached code in the previous post.What i would like is to be able to choose the background color and font color for masonry grid overlay for desktop and mobile. for example:
Desktop:
Background: #f4e842 transparency 60%,
text: #707070 transparency 70%Mobile:
Background: #dde87f transparency 40%,
text: #adadad transparency 55%Again, thanks for an awesome theme and support!
Hi,
I see. Add the following to quick css to target mobile. For desktop just adjust the code outside of the media query.
@media only screen and (max-width: 1200px){ #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content { background: rgba(221,232,127,0.85)!important; } h3.av-masonry-entry-title.entry-title{ color:#adadad!important; }}Best regards,
Jordan Shannon
- You must be logged in to reply to this topic.