Styling on the Be Theme

bootledon1 · January 2016

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 · January 2016

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.

bootledon1 · January 2016

Hi

Thanks for your response.

The code for the mailchimp form is :

<p>

</p><p>

</p><p>

</p><p>

</p><p>

</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 · January 2016

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; }

bootledon1 · January 2016

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 · January 2016

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

bootledon1 · January 2016

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 · January 2016

How I would like it to look.

Many Thanks

Ste

Albert · January 2016

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

bootledon1 · January 2016

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 · January 2016

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.

Styling on the Be Theme

Comments