Docs

[Julie P]

I’m not good at website design and I’m VERY grateful for the X theme and the great support!

I’m trying to have an image the size of the promo image, so I put it in a container sense I’m using fullwidth layout on this page. Previewed page: image in promo looks great – I can see entire image and image is responsive! However, image in container is HUGE. 2/3 of image goes off page. I even switched page template to blank – container/ header, footer to see if the image would stay with in the screen like the promo image and nothing changed.

I’m need two images for this area, but promo only allows me to add one. I don’t even know if promo is the best solution to use. I am just trying to divide up the specials into three sections eventually with dividing lines or boxes to break up those sections. section for current special (now wipers and lamps), one for this area (service menu), and one for customer rewards (royalty rewards).

Note: The images I loaded were large 3300 x 2550. It is a jpg of a brochure and I don’t know what is a good size to upload the image as so it will look good on any screen, can be zoomed in if needed but still loads quickly.

Please HELP!

http://www.new.stevesautocare.us/specials
section of code that is referred to as promo image and container image (the one that’s messed up):

[vc_row padding_top=”0px” padding_bottom=”0px” border=”none” inner_container=”true”][vc_column width=”1/1″][visibility type=”hidden-phone”][promo image=”6804″ alt=”Service Menu”]
<h2 class=”mtn”>Auto Repair Special</h2>
<h4>Service Menu</h4>
Description
<pre class=”mtn”><span style=”color: #333333; font-size: small;”>Call Us for an appointment! 574-268-2886</span>
[/promo][container][image type=”none” float=”right” link=”true” info=”tooltip” info_place=”top” info_trigger=”hover” src=”6805″ title=”Click Me!” class=”gallery-menu”][/container][/visibility][visibility type=”visible-phone”][promo image=”6804″ alt=”Special on wiper blades and lamps. Call for details!”]
<h2 class=”mtn”>Auto Repair Special</h2>
<h4>Service Menu</h4>
Description
<pre class=”mtn”><span style=”color: #333333; font-size: small;”>Call Us for an appointment!
574-268-2886</span>
[/promo][/visibility][/vc_column][/vc_row]

[Paul R]

Hi Julie,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[Author]

Posts