success stories - Support | Kriesi.at - Premium WordPress Themes

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
October 5, 2017 at 10:55 am #860518
micropoleinstitut
Participant
Hi,

Can you tell me how to perfectly center (vertically and horizontally) my green square when I mouse over an image ?

Is it possible also to put a picture forward, that is to say : A larger image than the others at the beginning of all the images (top left) ?

Here is the link from my page : http://www.micropole-learning-solutions.com.qual.micropole.com/index.php/success-stories/

I thank you in advance
- This topic was modified 7 years, 1 month ago by micropoleinstitut.
October 6, 2017 at 5:24 am #860838
John Torvik
Inactive Moderator
Hey micropoleinstitut,

You can fix it adding the following custom code at Enfold Theme Options > General Styling > Quick CSS
```
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
  margin-left: 12% !important;
}
```
Best regards,
John Torvik
October 6, 2017 at 9:38 am #860912

micropoleinstitut
Participant

Hello,

Thank you but it still does not work. I want the same margin at the top, at the bottom, the left and the right.

Here is the link from my page : http://www.micropole-learning-solutions.com.qual.micropole.com/index.php/success-stories/

I thank you in advance

October 6, 2017 at 1:40 pm #861011

Victoria
Inactive Moderator

Hi micropoleinstitut,

Could you please attach a mockup of what you’re trying to achieve? I do not see any green square and it’s not very clear to me what you’re trying to achieve.

Best regards,
Victoria

October 6, 2017 at 2:38 pm #861031
micropoleinstitut
Participant
Hi,

I am using this css code : #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
margin: 40px;
width: 80%;
height: 80%;
background: rgba(151,215,0,0.8);
}

But it does not make as I want.

Here’s the template of exactly what I want : https://imgur.com/a/YpxyS
We see that the green square (when passing the mouse over it) is perfectly centered. Unlike what I have at the moment they are not well centered.

There must be exactly the same margin for all green square when we pass the mouse over it.

Here is the link from my page : http://www.micropole-learning-solutions.com.qual.micropole.com/index.php/success-stories/

I thank you in advance
- This reply was modified 7 years, 1 month ago by micropoleinstitut.
October 9, 2017 at 4:44 pm #861973
Victoria
Inactive Moderator
Hi micropoleinstitut,

Please remove the code
```
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    margin: 40px;
    width: 80%;
    height: 80%;
    background: rgba(151,215,0,0.8);
}
```
and add this:
```
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {
      background: rgba(151,215,0,0.8)
}
```
Best regards,
Victoria
October 9, 2017 at 5:36 pm #862006

micropoleinstitut
Participant

It’s perfect !! Thanks
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘success stories’ is closed to new replies.