Docs

[arefs]

I want to put a boarder round a custom headline and icon list like so:

Screenshot – https://dl.dropboxusercontent.com/u/17713251/2016-05-03_14-31-56.jpg

What is the best way to do this?

You’ll find my site login in the post below if it is useful?

Thanks.

[arefs]

This reply has been marked as private.

[Christopher]

Hi there,

Please add custom headline and icons in a separate row from image, then add following code in row’s style field :

border-width: 5px;border-style: groove;

Hope it helps.

[arefs]

How do I add them in a separate row and keep the same arrangement? i.e. with the image above just like it is now.

[Rupok]

Hi there,

Thanks for updating. You can place in separate column if you want them side by side.

Cheers!

[arefs]

No, I don’t want them side by side. I want the image ABOVE and custom headline and icon list surrounded by the boarder BELOW, just like it is right now on the page.

Is this clear?

If not, please watch this 30 second video – https://dl.dropboxusercontent.com/u/17713251/2016-05-05_0954.swf

How do I do this?

[Friech]

Hi There,

Thanks for the clarification, there is no other way to do this but to wrap the custom headline and the icon list on there own <div>. To do this you need to use the shortcodes of headline and icon list and then paste it on a RAW content element.

<div class="myborder">
[x_custom_headline level="h2" looks_like="h5" accent="false" class="cs-ta-center"]Summary[/x_custom_headline][cs_icon_list][cs_icon_list_item title="10 fold increase to client base." type="check" link_enabled="false" link_url="#" link_new_tab="false"]10 fold increase to client base.[/cs_icon_list_item][cs_icon_list_item title="Press endorsements lead to ranking on the Google 1st page for primary search term." type="check" link_enabled="false" link_url="#" link_new_tab="false"]Press endorsements lead to ranking on the Google 1st page for primary search term.[/cs_icon_list_item][cs_icon_list_item title="Awarded a place in the Google 3 Pack map listings." type="check" link_enabled="false" link_url="#" link_new_tab="false"]Awarded a place in the Google 3 Pack map listings.[/cs_icon_list_item][/cs_icon_list]
</div>

Then you can add this under Custom > CSS in the Customizer.

.myborder {
	border: 5px solid #333;
	padding: 0 15px;
}

Hope it helps, Cheers!

[Author]

Posts