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 #2953138
Categories separate from the main menu
Closed

Comments

  • Juan started the conversation
    January 8, 2022 at 2:33pm

    #1  Hello, somehow put a vertical white line that separates the categories in the main menu.

    #2 How could I make the search box circular?


    In case you don't have any settings for this I'd appreciate providing css.

    https://prnt.sc/26bfi5e


    Greetings,

  •  2,492
    PenciDesign replied
    January 8, 2022 at 5:04pm

    Hi,

    1. Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    #navigation.menu-item-padding ul.menu > li:not(:last-child):after {
        content: '|';
        display: inline-block;
        margin: 0 5px;
    }

    2. About the search box, please add this CSS code:

    .header-search-style-showup .show-search .pc-searchform-inner {
        border-radius: 50px;
        overflow: hidden;
    }
    .header-search-style-showup .show-search form.pc-searchform input.search-input {
        -webkit-border-top-left-radius: 50px;
        -webkit-border-bottom-left-radius: 50px;
        -moz-border-radius-topleft: 50px;
        -moz-border-radius-bottomleft: 50px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }

    Regards,
    PenciDesign.




  • Juan replied
    January 8, 2022 at 5:23pm

    Hello, what would be the custom CSS class?  https://prnt.sc/26bgvm0

  •  2,492
    PenciDesign replied
    January 8, 2022 at 5:27pm

    Hi,

    1. Please copy/paste the CSS code to Appearance → Customize → Custom CSS

    2. Please use another hosting to upload your screenshot, I can't view the image on prnt.sc. I recommend the postimages.org site.

    Regards,
    PenciDesign.


  • Juan replied
    January 8, 2022 at 5:31pm

    Hi, we have custom generated the header so we wanted to know the class for the CSS you provided us as it doesn't work by just placing it in Custom.


    https://postimg.cc/Vrz8F36j

  •  2,492
    PenciDesign replied
    January 8, 2022 at 5:36pm

    Hi,

    All the custom code you must paste to Appearance → Customize → Custom CSS.

    The code below will apply to the custom header builder:

    .navigation ul.menu > li:not(:last-child):after {
    content: '|';
    display: inline-block;
    margin: 0 5px;
}

    Regards,
    PenciDesign.

  •   Juan replied privately
  •  2,492
    PenciDesign replied
    January 16, 2022 at 6:34am

    Hi,

    Please send me your site URL. I'll check and send you a custom CSS code.

    Regards,
    PenciDesign.


  •   Juan replied privately
  •  2,492
    PenciDesign replied
    January 16, 2022 at 5:54pm

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .navigation ul.menu > li:not(:last-child) {
        border-right: 1px solid #fff;
    }

    Regards,
    PenciDesign.



  • Juan replied
    January 16, 2022 at 9:56pm

    Thanks a lot.