fullwidth homepage image (no padding/space)? - Support | Kriesi.at

Tagged: fullwidth, hotspot, image

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

Author

Posts
February 24, 2015 at 2:17 am #401143

judes3011
Participant

Hello!

I would like to make my homepage images all aligned so it looks like one image and fullwidth, is there a code for this?

or…the other alternative is to have one large fullwidth image and two large transparent hotspots that link to their respective pages?

February 24, 2015 at 4:13 pm #401487
Yigit
Keymaster
Hi judes3011!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
.home .main_color.container_wrap.fullsize>.container {
max-width: 100%;
padding: 0;
width: 100%;
}
.home section.avia_codeblock_section.avia_code_block_0 a {
display: inline!important;
}
```
Then upload your images in bigger size.

Regards,
Yigit
February 25, 2015 at 1:30 am #401810

judes3011
Participant

Thanks so much for this – it aligned the image perfectly.

Is it possible to make a hotspot larger and transparent?

February 25, 2015 at 4:36 pm #402153

Yigit
Keymaster

Hey!

Can you please post a screenshot and show the changes you would like to make?
Enabling custom CSS field – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and giving custom CSS class to your element would make it easier for us to target it. Please try to create a page with hotspot element with custom CSS class and pos the link to it as well as screenshot :)

Regards,
Yigit

February 27, 2015 at 1:03 am #403092
judes3011
Participant
The link is here: http://www.jurmainehealth.com.au/2015/home-test/

and i would like these changes:
http://www.jurmainehealth.com.au/2015/wp-content/uploads/Untitled-1.fw_1.png

and i made a custom CSS class too (“homeimage”):

http://www.jurmainehealth.com.au/2015/wp-content/uploads/customcssclass.png

thanks!
- This reply was modified 9 years, 8 months ago by judes3011.
February 27, 2015 at 3:55 pm #403463
Yigit
Keymaster
Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
.homeimage .av-image-hotspot_inner { 
background-color: transparent!important; 
}
.homeimage .av-image-hotspot-pulse {
height: 100px;
width: 100px;
top: -30px;
left: -30px;
}
```
Best regards,
Yigit
February 28, 2015 at 6:01 am #403800

judes3011
Participant

It worked!

you guys are amazing and this theme is amazing – thanks so much!

March 2, 2015 at 5:26 am #404278

Rikard
Keymaster

Hi!

Glad we could help :)

Cheers!
Rikard
Author

Posts

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

You must be logged in to reply to this topic.