Docs

[444media]

What happened to the timeline element in CS? Was it deprecated?

I need a nice way to display process steps….”Phase 1: step 1, step 2, step 3…..Phase 2: step 4, step 5, step 6 etc” 17 steps total.

Any suggestions?

Thanks

[Rue Nel]

Hello There,

Thanks for writing in! Ever since in X Shortcodes and when we released Cornerstone, we do not have timeline element yet. You can check out the shortcodes from here:

Home

https://theme.co/cornerstone/elements/

I think you might be referring to the feature list element. Please check it out here:
https://theme.co/cornerstone/elements/#x-section-11

Hope this helps.

[444media]

OK…these look good: https://theme.co/cornerstone/elements/#x-section-11

But is there documentation somewhere on how to implement these and customize them?

Thanks Rue Nel

[Lely]

Hi There,

That is a feature list element. See attached screenshot. Or use this shortcode.
[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]

Hope this helps.

[444media]

OK….thanks so much. This looks great!

Two more quick questions:1. Is it possible to add other icons to the list, or some how use alternative icons via another method if I don’t find the icon(s) that fits my needs in the list provided?

2. Seeing the examples from the link provided above, I think I want to make the background of this page (with the Feature List items) black or maybe dark gray. What’s the best way to change the entire background color of just this page? I ask because I know that I can change the background color of the section, but if the section is not full wide, then the site’s background color is on either side of the section. I just want this one page to be black or dark gray.

Thanks

[Christopher]

Hi there,

#1 No, in this case you could change graphic to ‘Image’, please see the attachment.

#2 Please add following code in Customize -> Custom -> CSS :

body.page-id-34 {
background-color:#000;
}

Put your page’s id instead of 34 in provided code.

Hope it helps.

[444media]

Awesome…thank you Christopher

[Darshana]

Glad we were able to help 🙂

[444media]

For some of the steps that I have to put a description for, there is a lot more content then I think will fit/look good in the featured list area. So I was thinking is there a way that I could have like a “details” link and if clicked, or better yet, hovered over, a small pop-up window of some sort opens with a full description of the step? There’s too much content (for some steps, but not all) for the small area of space for a featured list description, but not enough content for the step to have it’s own page…..so a small pop up window where I could put additional text would be great.

Any way of doing this? Or any add-ons do this?

Thanks so much!

[444media]

Also, I just pasted this code into the custom CSS section (Customize -> Custom -> CSS)

body.page-id-356 {
background-color:#272727;
}

And it didn’t work. The page ID is 356 and a dark gray is #272727

The page background remained the same (white)

see attached screenshots to make sure I did it correctly

Link to my testing page (that I want to change background color of): https://entertaincapital.com/process2/

[Rue Nel]

Hello There,

Thanks for the updates! You should use this code instead:

body.page-id-356 .site{
  background-color:#272727;
}

For your other issue, regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

[444media]

This reply has been marked as private.

[444media]

Seems to be a bug? I only have 7 sections and if I try and add another it makes everything (all cornerstone elements) disappear…plus when I click “Add Section” it adds 2 section 8s. I have logged out and then back in, same issue.

[Rue Nel]

Hello There,

Thanks for the updates! You may have experienced PHP memory limit exhaustion. I recommend that you increase your memory allocated to PHP. To increase it, please edit your wp-config.php file and insert these lines:

define( 'WP_MEMORY_LIMIT', '256M' );
define( 'WP_MAX_MEMORY_LIMIT', '512M' );

You can add it before the line
/*That's all, stop editing! Happy Blogging. */

I also did some further investigation. I noticed that you are using PHP version 5.4.42 and WordPress 4.5 requires at least 5.6 (https://wordpress.org/about/requirements/). This could possibly be the cause of the issue. In most cases you cannot update your PHP version yourself and need to contact your host about this. The upgrade process is an easy process and should be something your host can do for you without affecting your website or charging you for it. Here’s a letter you can send to your hosting company:

Dear host,

I\'m interested in running the open-source WordPress <https://wordpress.org/> web software and 
I was wondering if my account supported the following:

- PHP 5.6 or greater
- MySQL 5.6 or greater
- The mod_rewrite Apache module

Looking forward to your reply.

Hope this helps. Kindly let us know.

[444media]

OK…I updated the PHP memory in the wp-config file, by placing the code in the file where you said to. Issue is still happening.

I already contacted the host regarding the version of PHP due to the previous issue with Slider Revolution and the PHP version turned out not to be the issue with the plugin…and I would have to switch hosting plans and it would take transferring the entire site over to the server. In other words it would be a lot of work, and it may not be the issue…so if I don’t have to do it and we could figure out what else might be causing the issue, that would be great.

Have you logged in and tried replicating the issue? Maybe I’m doing something wrong?

One other, far more simple question….I need to decrease the padding below the company logos on this page (or decrease padding above the text “Phase 1” and “Phase 2″…either way). It seems that the top and bottom paddings are set to 0px. It increased when I made the text “Phase 1” and “phase 2” an H4 heading.

[Author]

Posts