edit image - Support | Kriesi.at - Premium WordPress Themes

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

Author

Posts
March 11, 2016 at 1:19 am #596639

corneliaboehm
Participant

hi. can you please help me to edit this image.

how can i change the image from this: http://imgur.com/GWWvshu to this look: http://imgur.com/DDXpYeG

how can i disable the mouse over effect for this image? http://imgur.com/HGs0xs9

How can i change the footer color to black? http://imgur.com/mr35xwR

Thank you so much, greetings, Conny

March 11, 2016 at 9:02 am #596759
Vinay
Inactive Moderator
Hey corneliaboehm!

To edit the image
```
/* Stretch Image to fit container*/
.avia-image-container-inner, .avia_image, .av-image-caption-overlay {
    max-width: calc(100% + 100px);
    margin-left: -17px!important;
}
```
Disable image overlay or hover effect kriesi.at/documentation/enfold/disable-css-overlay-on-images/

To change footer color please go to Enfold > General Styling > Socket > Socket background color

Regards,
Vinay Kashyap
March 11, 2016 at 11:34 am #596809

corneliaboehm
Participant

Thank you nearly perfect. can you help me to move it up.

View post on imgur.com

March 11, 2016 at 12:47 pm #596840

corneliaboehm
Participant

And how can i disable the mouse over ;) how can i disable the mouse over effect for this image? http://imgur.com/HGs0xs9

March 11, 2016 at 12:58 pm #596844
Vinay
Inactive Moderator
Hi!

Please remove this CSS provided earlier
```
.avia_image {
    max-width: calc(100% + 100px);
    margin-left: -17px!important;
    top: -16px;
}
```
The above CSS will affect all images on the site so I recommend using custom class name on the image.

Please check this link http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Then add css custom class ” landing_page_image ” to the image you like to modify. then add the below css this way you can target a single image :)
```
.landing_page_image.avia_image {
    max-width: calc(100% + 100px);
    margin-left: -17px!important;
    top: -16px;
}
```
Disable mouse over on image or the image overlay or hover effect please check this link http://kriesi.at/documentation/enfold/disable-css-overlay-on-images/

Regards,
Vinay Kashyap
March 11, 2016 at 1:31 pm #596857

corneliaboehm
Participant

Thank you Vinnie but no sorry ot looks like this with the new code! http://www.eltern-kongress.com/

but i want this effect http://imgur.com/DDXpYeG

March 11, 2016 at 7:17 pm #596999

Yigit
Keymaster

Hey!

Please refer to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/ and add your image inside that color section.

Best regards,
Yigit

March 11, 2016 at 8:09 pm #597016

corneliaboehm
Participant

Ok it works but how can i get the picture inside the container to the top and deactivate the mouse over? http://imgur.com/HGs0xs9 Thank you!

March 11, 2016 at 8:11 pm #597017

corneliaboehm
Participant

And how can i delete this line. there is no color section and no border in the layout builder at this position? Greetings. http://imgur.com/lCxLZgF

March 11, 2016 at 8:23 pm #597023
Yigit
Keymaster
Hi!

Please add following code to Quick CSS
```
#landingpagecontainer .content, #landingpagecontainer .container {
    padding: 0!important;
}
#landingpagecontainer .image-overlay {
    display: none!important;
}
#after_section_1 {
    border: none;
}
```
Regards,
Yigit
March 11, 2016 at 9:28 pm #597049

corneliaboehm
Participant

Nice. Closed. Thank you sooo much!
Author

Posts

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

The topic ‘edit image’ is closed to new replies.