Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2758115
backrund color
Closed

Comments

  • Dzorro12 started the conversation
    April 22, 2021 at 6:00pm

    hi  team

     i have a special categorie in mly website and i want to give him a different design  backroud color or some effect different


    its a personalised link page

    https://prnt.sc/11vzist

    how to do it

    thanks for your great support

  •  2,700
    PenciDesign replied
    April 23, 2021 at 2:03am

    Hi,

    You can add more this code to Customize > Custom CSS to change the boxed background color for that category page:

    body.category-227.penci-body-boxed{ background-color: background-color: #ff0000; }

    and if you want to change the container background for that category page, please try add more this code to Customize > Custom CSS:

    body.category-227 .wrapper-boxed.enable-boxed, .penci-post-box-meta.penci-post-box-grid .penci-post-share-box{ background-color: #fff000; }

    Change color codes ff0000 and fff000 to the color codes as you want.


    Best Regards,

    PenciDesign

  • Dzorro12 replied
    April 23, 2021 at 4:10am

    thank you


    i m sorry i think i did not descript what i wwant very good

    this tab i want to color it with for example yellow color


    this is the true link of the=at category   


    its a personalized link


    https://prnt.sc/11wptk9

  •  2,700
    PenciDesign replied
    April 23, 2021 at 4:29am

    Hi,

    Ahh, ok I understand it now.

    To do that, please do follow steps:

    1/ Go to Appearance > Menus > add more CSS Classes for the menu item you want to display on another color  - check this image > use CSS Classes below:

    .penci-fmenu-item

    2/ Add more this code to Customize > Custom CSS:

    #navigation ul.menu > li.penci-fmenu-item > a{ color: #ff0000; }

    Change color code ff0000 to any color code as you want.


    Best Regards,

    PenciDesign

  •   Dzorro12 replied privately
  •   Dzorro12 replied privately
  •  2,700
    PenciDesign replied
    April 23, 2021 at 12:41pm

    Hi,

    Ahh, if you want to change the background color, you can change the custom CSS code I sent to this code:

    #navigation ul.menu > li.penci-fmenu-item > a{ padding: 0 10px; background: #e96a27; color: #ffffff; }

    Best Regards,

    PenciDesign

  •   Dzorro12 replied privately