Styling on the Be Theme

bootledon1

Hi

I was hoping you could help me with a couple of queries please.

The website page is : www.ad-test1.co.uk/home/smartvu/

1 ) "Smartvu Benefits" - Is there a way to decrease the size of the image on the left. The Muffin Builder Item is "Icon Box". They seem to be just one size?

2 ) Scroll down the page to "Be Event" and there is a Mailchimp contact form on the right using a shortcode, but the Boxes are bunched together when added to the wrap or divider. Is there a way to resolve this?

3 ) Is there a way to preview my changes without saving? As when I preview, it seems you have to save the page before previewing which isn't ideal?

Many Thanks in advance.

Ste

Albert

Hi,

1) Those images can be decreased with custom css only:

.icon_box.icon_position_left .image_wrapper { height: 100px !important; width: 100px !important; }

2) What code did you used for that form?

3) This is not possible unfortunately.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

bootledon1

Hi

Thanks for your response.

The code for the mailchimp form is :

<p>

    <input type="text" name="FNAME" placeholder="Your name" required="required">

</p><p>

    <input type="email" name="EMAIL" placeholder="Your email address" required="required">

</p><p>

   

    <input type="text" name="MMERGE2" placeholder="Your company name" required="required">

</p><p>

    <input type="text" name="MMERGE3" placeholder="Your phone number">

</p><p>

<input type="submit" value="Download Sales Pack" />

</p>

Then I've used a short code [mc4wp_form id="3337"]   in a "Column" Item on the muffin builder.

If you would like my logins for the site please let me know.

Many Thanks

Ste 

Albert

Ok. If that's what you used, then please use the following css to increase spacing between those inputs:

.mc4wp-form p > input { margin: 5px 3px !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

bootledon1

Hi,

Thank you for this. It's worked a treat.

I have one more query if thats ok?

I am just looking to put elements on top of each other, for example, 4 x list elements that will all sit on top of eachother in the middle 1/3 column, but there doesn't look like there is a way to do it, if you add another it automatically inserts the next element to the right in the next column. 

Its the same area of the page : http://ad-test1.co.uk/home/smartvu/

Scroll down the page to "Be Event" and there is list elements on there but I want them to be stacked on top of eachother in one single column. Is this possible?

Many Thanks

Ste

Albert

Please show us on the screenshot how exactly you want to do that.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

bootledon1

Hi

Ive taken a screenshot of how it looks now and how I would like it to look if this is what you meant.

1 ) How it looks Now :

bootledon1

How I would like it to look.

Many Thanks

Ste

Albert

Ok. We do not understand where is the problem exactly then? If you want these items in the columns, this is how your Muffin Builder should look like:

1/3 Column with Image | 1/3 Column with your texts inside | 1/3 Column with form

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

bootledon1

Hi

I understand how to use 3 x items that can be used as 1/3 + 1/3 + 1/3. But I want to add more items underneath the middle 1/3 only, as in the list with icon item, but this just shifts things along the next row. 

I've included a screenshot of the muffin builder of what I mean :

Is there a way just to add several items to the one column, as in stack them underneath? I have used Visual Composer in the past which allows to do all this so this is why I'm struggling a bit.

Many thanks in advance.

Ste

Albert

So maybe you can try to use "Placeholder" items on sides if you want to add the items underneath middle column only. However, if this won't work as you expect, then we do not have any other workaround.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next