Docs

[arthurdupuy]

Hello X team,
here is my website
http://www.alveusclub.com/accueil-v2/

1) I would like to add a vertical yellow divider between Widget, I’ve tried this code. But it doesn’t work :
footer.x-colophon.top .x-column:after {
content: ”;
width: 1px;
background-color: #4fa746;
display: block;
height: 200px;
position: absolute;
top: 0;
right: -20px;
}

2) I would like that the color of current and hover item would be yellow. I’ve tried several codes by using current item class but nothing is working.

Thank you for helping !

Arthur

[arthurdupuy]

This reply has been marked as private.

[Lely]

Hello Arthur,

Please try this CSS instead:

1.)

footer.x-colophon.top .x-column:after {
    content: '';
    border: 1px solid #4fa746; /*This is not yellow*/
    display: block;
    height: 200px;
    position: absolute;
    top: 0;
    right: -20px;
}

2.)

.widget_nav_menu .current-menu-item>a, .widget_nav_menu ul li a:hover {
    color: yellow !important;
}

Hope this helps.

[arthurdupuy]

Many thanks for your answer.

1) code works perfeclty

2) Code Doesn’t work as you can see…

Thank you !

[Prasant Rai]

Hello Arthur,

Its working fine on my end. Would you mind clearing cache and try again?

http://prntscr.com/bweccu

Thanks.

[arthurdupuy]

Sorry !!

I correct :

1) Code Doesn’t work as you can see…

2) code works perfeclty

[Christopher]

Hi there,

Please update your code to :

@media (min-width:979px){
footer.x-colophon.top .x-column:after {
    content: '';
    border-right: 1px solid #4fa746;
    display: block;
    height: 229px;
    position: absolute;
    top: 0;
    right: auto;
    margin-left: -24px;
}
footer.x-colophon.top .x-column:first-of-type:after {
    border: none;
}
}

Hope that helps.

[arthurdupuy]

Thanks !!

[Joao]

You are welcome.

Joao

[Author]

Posts