Docs

[BradleyB]

Hi,

I am trying to accomplish something and not sure the best way to go about it. Basically, I want a featured list in my sidebar. Attached is a picture of what I am trying to accomplish. Any suggestion on how best to do this would be greatly appreciated. Thanks!

[BradleyB]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! Feature List is a Cornerstone element so usually you can’t place this within sidebar. But there goes the shortcode for Feature List :

[x_feature_list][x_feature_box title="Feature List Item" title_color="" text_color="" graphic="icon" graphic_size="60px" graphic_shape="circle" graphic_color="#ffffff" graphic_bg_color="#2ecc71" align_h="left" align_v="top" side_graphic_spacing="20px" max_width="none" child="true" connector_width="1px" connector_style="dashed" connector_color="#272727" graphic_icon="diamond"]This is where the text for your Feature List Item should go. It's best to keep it short and sweet.[/x_feature_box][x_feature_box title="Feature List Item" title_color="" text_color="" graphic="icon" graphic_size="60px" graphic_shape="circle" graphic_color="#ffffff" graphic_bg_color="#2ecc71" align_h="left" align_v="top" side_graphic_spacing="20px" max_width="none" child="true" connector_width="1px" connector_style="dashed" connector_color="#272727" graphic_icon="bicycle"]This is where the text for your Feature List Item should go. It's best to keep it short and sweet.[/x_feature_box][x_feature_box title="Feature List Item" title_color="" text_color="" graphic="icon" graphic_size="60px" graphic_shape="circle" graphic_color="#ffffff" graphic_bg_color="#2ecc71" align_h="left" align_v="top" side_graphic_spacing="20px" max_width="none" child="true" connector_width="1px" connector_style="dashed" connector_color="#272727" graphic_icon="envelope-o"]This is where the text for your Feature List Item should go. It's best to keep it short and sweet.[/x_feature_box][/x_feature_list]

If you can edit this properly without breaking the shortcode; you can use within Text Widget to use in sidebar.

Cheers!

[BradleyB]

This reply has been marked as private.

[BradleyB]

I was actually able to remove the bullets using the following code:

.x-sidebar.right{
     list-style-type:none;
}

However, now the spacing between the items is off. How can I increase the space between each item and the header? Thanks again! I really appreciate the help!

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-feature-list .x-feature-box {
    margin-bottom: 20px !important;
}
h1.h-custom-headline {
    margin-bottom: 25px !important;
}

Let us know how this goes!

[BradleyB]

Thanks so much for the reply. Unfortunately, that code changes the margins for the content in the body of the page, not the sidebar. Is there a way that I can just target the stuff in the sidebar? Thanks again!

[Joao]

Hi There,

Please use this code insted:

.x-sidebar.right .x-feature-list .x-feature-box {
    margin-bottom: 20px !important;
}
.x-sidebar.right. h1.h-custom-headline {
    margin-bottom: 25px !important;
}

Hope that helps,

Joao

[BradleyB]

Thanks for your reply! I added the code, but unfortunately, it didn’t change anything. Any other suggestions? Thanks again!

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-sidebar .x-feature-box {
    margin: 0 auto 2.313em !important;
}

Let us know how this goes!

[Author]

Posts