-
Posts
-
Having settled on Enfold, and being deeply impressed with the features and support, I’ve rebuilt my site ready for a relaunch and couldn’t be happier. But I’m at that tweaking stage, so expect me to be here a lot as I tweak and hone.
My first question is regarding masonry headings. I have different masonry blocks on the homepage, each one showing different numbers of columns. I need the option to individually style the heading font size for each one. Is this possible?
Better still and what I would love your help to achieve: I want the images to be 100% opacity, with the title centred inside it with a dark outer glow. When hovering, the image fades to say 70%, the excerpt appears below the title and all text is centred within the image. And when on mobile, just the title appears centred in a slightly transparent box, which is pretty much what happens anyway.
A simpler variation would be to centralise the title in a box with transparency behind it, and then hovering brings the excerpt in and centres the whole lot with the image with opacity.
Are any of these possible?
Thanks in advance.
Hey macmonkeymark!
That sounds pretty complex. Go ahead and send us a link to your page and take a screenshot highlighting exactly what your trying to do and we’ll take a look to see if it’s feasible.
Cheers!
ElliottHi!
Yes, add a codeblock element to your page and add this inside.
<style type = "text/css"> #av-masonry-4 h3 { font-size: 12px !important; } </style>If you set the title and excerpt to display on hover it should automaticaly display on mobiles by default. We have it setup like this because you cannot really “hover” on mobiles.
Cheers!
Elliott
- You must be logged in to reply to this topic.