[fdcchiefParticipant]

I’m trying to have an image display the full width of the page. It’s the main image on the front page. How would I go about doing this?

[fdcchiefParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for writing in! You can select the Row that contains the image and disable Column Container and enable Marginless Column. Also you need to set width: 100% on the Style field for the image element.

But best approach would be set this as the background image of section and set a min-height (min-height: 500px;) on the style field for the section.

Hope this makes sense.

Cheers!

[fdcchiefParticipant]

This reply has been marked as private.

[fdcchiefParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

How about adding 100% width for the image too. Like this,

[cs_section id="image_entry" class=" center-text " style="margin: 0px; padding: 0% 0px; " visibility="" bg_image="http://www.clubaliante.com/wp-content/PDF/ca entrance.png" bg_color="#0d0d0d" parallax="false" min-height: 500px;]
[cs_row id="" class=" " style="margin: 0px auto; padding: 0px; " visibility="" inner_container="false" marginless_columns="true"]
[cs_column id="" class="" style="padding: 0px; " bg_color="" fade="false" fade_animation="in" fade_animation_offset="45px" fade_duration="750" type="1/1"]
[x_image type="none" src="http://www.clubaliante.com/wp-content/PDF/ca entrance.png" alt="Club Aliante" link="false" href="#" title="" target="" info="none" info_place="top" info_trigger="hover" info_content="" class="man" style="width: 100%;"]
[/cs_column]
[/cs_row]
[/cs_section]

I just tried that and it works.

Thanks!

[fdcchiefParticipant]

That worked! thank you

[ChristianModerator]

You’re welcome. Glad we could help. 🙂

[Author]

Posts