1 background image 3 columns + 1 column

Support
#1

Is this possible to do with this theme? Have 1 background image go behind everyhting with a combonation of 3 column grid and 1 column grid?

#2

Hi @mtraps,

Thanks for writing in.

Yes, it can be done. Insert 3 column grid and 1 column grid in a section. Then add background to the section.

Let us know how it goes.

Thanks.

#3

But the 3 Column grid has its own background and the 1 column has its own background? I want one background image behind both.

#4

Hi There,

As @nico said that, just create a section with two rows, Similar to screenshot attached. 1st row having one column and second . one having three column,
Add your image background to the section. It will give you the similar design.

Hope this is clear now!
Thanks

#5

Perfect Thank you!

#6

Glad that it works for you!

Thanks

#7

Just wondering what the best way to display those lists would be. I see there is a list element but I’d like an option to style of icons all sizes of text at the same time if I need to.

#8

Please use Classing feature headline for the icon list.

Thanks

#9

I see this option but isnt there a way to style the whole list at once? Or change all icons as once. if I have a list of 15 and the client says I dont like that icon, I want a different font l’ll have to go through each one and change the settings?

#10

Hi There,

The best choice for that is the Classic Icon List element. Well, the icon list provides you the select icon option so you need to select your icons manually, do not touch the icon color option so it will have the same color as the text, else you’ll going to manually set this colors too.

Use the custom CSS below to change the color and font size of the text and icons.

.x-ul-icons .x-li-icon {
	color: red;
	font-size: 18px;
}

You can add this to Theme Options > CSS

Hope it helps,
Cheers!

#11

That helps Thank you.

#12

Hi @mtraps,

Let us know how it goes.

Thanks.

#13

It worked! But now I am having a problem reordering my list. When I try to drag a lsit item it just grabs the list as a whole. I am trying to arrange in alphabetical order.

Also If I want to duplicate a list of 5 items instead of just 1 list item how do I do that?

#14

Hi There,

Have in mind you should drag and drop the list items on Cornerstone left tab not on the main visual screen.

If that does not work, please provide your login credentials in a secure note so we can take a closer look.

Thank you

#15

Is this cornerstone? If so, I have tried and it only drags the whole module

#16

Hi There,

Upon checking your installation it is working as expected.

Please see the following screenshots to learn how to change the position of the icon list items.

Hope it helps

#17

That worked pretty good. Only issue was I am not able to drag 1 item from one column to another. Would be helpful to be able to drag and drop to whichever column. Thanks!

#18

Hi There,

Unfortunately, that is not possible.

Thanks for understanding.

#19

I think you should eventually integrate that feature. Just a recommendation.

#20

Hi There,

Sorry but that does not make sense, Classic Icon List works as a group (In one place and listed). If you move 1 item from the group, that means that item is not part of the group anymore. It would be better if you create a new Icon List for that separate item, yes?

Have a great day,
Cheers!