Hi Basilis,

Basically I want it to extend out to the full width of .big-review.multi-big

See here http://tinypic.com/?t=postupload

Is all I need to do remove padding from the div?

Thanks,
Sean

If that will get it extended out, to align with left margin,. that would be wonderful!

Thanks

Thanks Mike,

Ideally, an ##272425 transparent background on hover. (60% Opacity)

Like this http://tinypic.com/view.php?pic=29kp2z8&s=9#.XLBPhuhKguV

Is it possible to make the border smaller? not to stretch across the full width of the div?

Thanks,
Sean

• This reply was modified 5 years, 8 months ago by realisedesign. Reason: Being polite and adding 60% opacity

HI Mike, this is brilliant. Thanks!

Thanks Basilis.

How about just extending the image out to the edge of the container?

Surely that is an easy fix?

Thanks Nikko,

Can I do that with a media query?

HI Basilis,

Thanks for re-opening this, and apologies for duplicate post it was due to this post being closed for replies.

Can you help out?

tbh I think I just need to remove all the custom CSS (and PHP?) that the dev put in, then use a simpler method, something like this:

https://kriesi.at/support/topic/masonry-portfolio-hover-title-and-excerpt/

but i’d like a (2px?) line in the middle of the title and excerpt.

Basically this: http://tinypic.com/view.php?pic=29kp2z8&s=9#.XJtVryj7QuU

I’d like to change it everywhere, get rid of the old effect, really don’t like it anymore.

Can you help at all?

Thanks guys,
Sean

Here you go Ismael,

Padding problem

Basically its the alignment of the text with the outer edge of the container, it seems to be adding some padding or extra margin, meaning it doesn’t sit perfectly with the outside of the page container (something to do with the 50px I had to add to the single cell grid row to make it sit perfectly maybe?)

I’ve tried fiddling around with padding but I can’t seem to find a way to right align the text to the container edge, I’m using the “float” css to keep the content sitting close to the centre at the moment.

perhaps I am referencing it wrong in the css, i have left cell and right cell labelled “lcell” and “rcell” in custom css.

Thanks again,
Sean

Bump.

Header is completely messed up now, with text sitting at the top, I have removed the custom CSS but it doesn’t seem to be doing anything now.

Please help

Hi Ismael,

Well, thanks for creating Enfold!

That doesnt seem to work unfortunately, this is the CSS i’m using:

It seems to work fine on single full page width but as soon as it goes into a two column view formatting gets lost

/* Grid CSS */

@media only screen and (max-width:767px) {
#av-layout-grid-2 {
display: flex;
flex-direction: column-reverse;
}
}

@media only screen and (max-width:767px) {
#av-layout-grid-4 {
display: flex;
flex-direction: column-reverse;
}
}

@media only screen and (min-width:1310px) {
#top .flex_cell_inner {
max-width: 1310px !important;
margin: 0 auto !important;
padding-left: 50px !important;
}
}

@media only screen and (max-width:1310px) { #top .flex_cell_inner {
max-width: 1310px !important;
margin: 0 auto !important;
padding-left: 0px !important;
}
}
#top .lcell .flex_cell_inner {max-width: 655px !important;
position: relative;
float: right; }
#top .rcell .flex_cell_inner {max-width: 655px !important;
position: relative;
float: left; }

Thanks,
Sean

Nope, it’s not working on the two column split…..sigh…..

I should probably say, I’m happy to change this site-wide if needed. But if for a start we could get it only on the one page I can then assign it to the others if needed.

Thanks again guys, this is why you are the no1.

Sean

Hey, thanks for replying.

Is the documentation for the masonry hover effect available? Problem is I have limited coding knowledge so I don’t exactly know what parameters I should be changing without breaking it completely.

I get that I need to do page id and element but after that I’m a bit lost. Trying to make it look like this:

https://ibb.co/dJPp7yz

With page title and excerpt displaying as the text.

Any ideas? Seems like it would be simple to anyone who understands the theme?

Thanks again.
Sean

Hi Victoria,
t
Thank you, clearly the page hadn’t Cached or something was going on as I had removedthis multiple timess, tried to change it for different images etc and nothing was working.

Sean