WPB custom colors post masonry filter

mm2410 replied

6 years ago

Customer Reply

Hi,

Yeah it works!! Thanks a lot!

Great theme and even greater support!

Best Regards

Magdalena

Penci Design replied

6 years ago

Staff Reply

Hi,

I checked on your site and add custom css to page

/** Normal **/
 .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-filled.vc_grid-filter-color-sky>.vc_grid-filter-item, .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-filled>.vc_grid-filter-item {
 background-color: #313a3e !important;
 border-color: #313a3e !important;
 color:#fff;
 }
 /** When active or hover **/
 .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-filled.vc_grid-filter-color-sky>.vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-filled>.vc_grid-filter-item.vc_active,
 .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-filled.vc_grid-filter-color-sky>.vc_grid-filter-item:hover, .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-filled>.vc_grid-filter-item:hover {
    background-color: #5aa1e3 !important;
    border-color: #5aa1e3 !important;
    color:#fff;
 }

You can change color to any color you want

Please check screenshot https://prnt.sc/sgc6az, https://prnt.sc/sgc6gr

Best Regards,

PenciDesign

mm2410 replied

6 years ago

Customer Reply

Hi,

Here you have the link.

I'trying to change the filter color in the page titled "RUTAS.

http://perfecttour.stronazen.pl/Encanto/nacional/wp-admin/post.php?post=9&action=edit&wpb_vc_js_status=true&classic-editor

Best Regards

Magdalena

Penci Design replied

6 years ago

Staff Reply

Hi,

Strange, please send me url of page you config post masonry filter . I will check it help you

Best Regards,

PenciDesign

mm2410 replied

6 years ago

Customer Reply

Hi,

Reinstalling WP Bakery worked. Thanks!

Though I still can't change the filter color. Pls. look the attachment.

Best Regards

Magdalena

Penci Design replied

6 years ago

Staff Reply

Hi,

Please remove an re-install WP Bakery plugin. Make sure that you use latest version of PenNews

Best Regards,

PenciDesign

mm2410 replied

6 years ago

Customer Reply

Hi,

It seems there is a problem with the WP Bakery plugin. With all the plugins desactivated still doesn't work the backend view and at the bottom of the editor there is arare view.

Best Regards

Magdalena

Penci Design replied

6 years ago

Staff Reply

Hi.

1/ Please deactivated all plugin ( excrept plugins come form the theme and try it again ) - If it work, let's enable each plugin to check what's plugin caused this issue.

2/ Please go to Customizer > Addtional CSS then add custom css

Best Regards,

PenciDesign

mm2410 replied

6 years ago

Customer Reply

Hi,

Thank you for your answer. Though I have some isssues.

1. Something rare has happendes with the backend view od the WPBakery Page Builder. It doesn't switch from "Classic Mode" and at the bottom of the edited post appear som strange things and some in partial view. Please check. (attachments 1 and 2)

2. I paste the code you send me, but first I´m not sure if I paste it in the good place.... :-) I paste it in the WPBakery Page Builder Settings. And I get the error (attachment 3) and it doesn't change anything.

Best Regards

Magdalena

Penci Design replied

6 years ago

Staff Reply

Hi,

Change color filter , please go to Customizer > Addtional CSS then add custom css to do that

.vc_grid-filter.vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-sky>.vc_grid-filter-item:not(:hover),
.vc_grid-filter.vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-sky>.vc_grid-filter-item:not(:hover),
.vc_grid-filter.vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item:not(:hover), 
.vc_grid-filter.vc_grid-filter.vc_grid-filter-filled>.vc_grid-filter-item:not(:hover) {
 background-color: #86baea !imporant;
 border-color: #86baea !imporant;
 color:#fff;
 }

you can change color, background, border color to any color you want

If fontend editor not work fine, please try use backend

Best Regards,

PenciDesign

mm2410 replied

6 years ago

Customer Reply

OK! Thanks!

Penci Design replied

6 years ago

Staff Reply

Hi,

Yeah, i re-check on your site, respond as soon as possible

Best Regards,

PenciDesign

mm2410 replied

6 years ago

Customer Reply

Hi,

But I don't see any error...

I can easily add all the elements and save them.

Pls. advice.

Best Regards

Magdalena

Penci Design replied

6 years ago

Staff Reply

Hi,

I logged on your site and saw error as screenshot https://prnt.sc/s90wuo

Please deactivated all plugin ( excrept plugins come form the theme and try it again ) - If it work, let's enable each plugin to check what's plugin caused this issue.

Best Regards,

PenciDesign

mm2410 replied

6 years ago

Customer Reply

Hi,

Great! Thank you. Here you have all the details:

http://perfecttour.stronazen.pl/Encanto/nacional/wp-admin/

login: admin

password: Larnaka7*

I would like to add custom color for the post masonry grid filter.

Best Regards

Magdalena

Penci Design replied

6 years ago

Staff Reply

Hi,

Please send me your website managment information ( admin url site, username and password ) in order for me to have access to know the exact issue. We will take it a look on this help you.

Best Regards,

PenciDesign

Penci Design replied

6 years ago

Staff Reply

Hi,

I'n not clear about the issue. Please send me screenshot for the issue and i will check it again

Best Regards,

PenciDesign

mm2410 started the conversation

6 years ago

Conversation Start

Hello, I wolud like to set the custom color for the fiter in post masonry grid. There are some predefined colors but no is good for my page.

I tried to even change one of the define colors in js_composer_frontend_editor.min.css. But it didn't work.

Could you pleas expolai how to do it. And please be awared that I need the explanation for dummies :-)

Than you in advance. best regards!