"WPB custom colors post masonry filter" (#2380899) / PenciDesign

Comments

mm2410 started the conversation
April 28, 2020 at 6:30pm
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!
501
Penci replied
April 29, 2020 at 2:08pm
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 replied privately
501
Penci replied
April 30, 2020 at 4:27am
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
mm2410 replied
April 30, 2020 at 9:08am
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
501
Penci replied
May 1, 2020 at 4:51am
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
May 1, 2020 at 8:32am
Hi,

But I don't see any error...
I can easily add all the elements and save them.
Pls. advice.

Best Regards
Magdalena
501
Penci replied
May 2, 2020 at 6:14am
Hi,
Yeah, i re-check on your site, respond as soon as possible

Best Regards,

PenciDesign
mm2410 replied
May 2, 2020 at 9:43am
OK! Thanks!

501

Penci replied

May 4, 2020 at 8:38am

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
May 4, 2020 at 10:15am
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
501
Penci replied
May 6, 2020 at 7:22am
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
May 6, 2020 at 9:16am
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
501
Penci replied
May 8, 2020 at 4:08am
Hi,
Please remove an re-install WP Bakery plugin. Make sure that you use latest version of PenNews

Best Regards,
PenciDesign
mm2410 replied
May 8, 2020 at 1:37pm
Hi,
Reinstalling WP Bakery worked. Thanks!
Though I still can't change the filter color. Pls. look the attachment.

Best Regards
Magdalena
501
Penci replied
May 10, 2020 at 10:58pm
Hi,
Strange, please send me url of page you config post masonry filter . I will check it help you

Best Regards,
PenciDesign
mm2410 replied
May 11, 2020 at 10:21am
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

501

Penci replied

May 13, 2020 at 11:16pm

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
May 14, 2020 at 4:15pm
Hi,
Yeah it works!! Thanks a lot!
Great theme and even greater support!

Best Regards
Magdalena