Docs

[liveandperform614]

Hi, I have some questions, I tried to figure it out by myself but…no !

1) How can I change the color of the 3rd column in the price table display? (I mean only the top, where there is the name of what you try to sell of the 3rd column)

2) When you navigate through my website I’d like to show a display where you can see all the pages you went through to be where you are now, something like for example :

Home > Articles > Nutrition > How to eat great

(Something like that with all the pages being links so that people can easily go back to where they were before)

3) I’d like to spread my articles on different pages by category, 2 possibilities are ok for me :
– Having for example 3 article pages with a type of article on each one
– Having only one page but the option to select what type of article you wanna see

What is the easiest to make and how am I supposed to do it?

Thank you alot for your answers, hope I’m clear !
Best Regards.
Theo

PS : My website is : liveandperform.fr

[Rue Nel]

Hello There,

Thanks for writing in!

1] To change the color of the 3rd column in the price table display, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-pricing-table.three-columns .x-pricing-column:nth-child(3) h2{
    background-color: red;
    color: blue;
}

Feel free to change the colors that will match with your site.

2] Your breadcrumb is already active. You cannot see some parts of it because it is in white color. Please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-breadcrumb-wrap a, .x-breadcrumbs .delimiter {
    color: #000;
}

To have a better control of the breadcrumbs, please check out this thread: https://community.theme.co/forums/topic/breadcrum-child-categories-do-not-show/#post-109337

3] You can create a category links as a menu item. Each menu item will display a category archive. You can enable the categories in the Menus as shown here: http://prntscr.com/dbeux5

Hope this helps.

[liveandperform614]

Thank you, It worked perfectly !

One more questions, your help is really great !! :

– I built a footer, Everything is at the position I want it too be, but, to achieved that, I had to “float:left” the footer menu, and, since I’ve done it, the link of the menu’s pages don’t work anymore, what can I do ?

Thank you !

[Nabeel A]

Hi again,

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

.x-colophon.bottom .x-social-global {
    margin-right: 0 !important;
    float: left !important;
    width: 150px !important;
    text-align: left !important;
}
.x-colophon.bottom .x-nav {
    float: left !important;
    width: 50%;
}

Let us know how this goes!

[liveandperform614]

It worked but two more problem came ! haha

1) On the right of the screen I have now 2 bars to slide from the top to the bottom of the page, it doesn’t look good and It’s creating some bugs when you try to scroll down the page

2) I have some space under my footer that I’d like to remove !

Thanks alot !

PS : float: left !important;
width: 150px !important;

These 2 lines are guilty of this, but I don’t know how to do the same effects without causing the problem !

[Friech]

Hi There,

Add this on top of your custom CSS

body,
.x-colophon.bottom {
	overflow: hidden;
}

Hope it helps, Cheers!

[liveandperform614]

Thank you ! Visually, it’s good, but the links are not working, when you try to click on social or the footer menu, it doesn’t work, to click on the link you have to point the mouse slightly under it !

How can I correct that ?

[Paul R]

Hi,

Please remove the css code that reads.

.mail-adress {
transform: translateY(-140%);
margin-right: -550px}

Then add this in custom css

body .x-colophon.bottom .x-colophon-content {
    margin: 10px 0 10px;
    float:right;
}

Hope that helps.

[liveandperform614]

Perfectly perfect thank you !

[Paul R]

You’re welcome! 🙂

[Author]

Posts