• davidovic123

    (@davidovic123)


    Hi,

    How to customize Widgets by changing: background, font color, paddings…, etc

    I tried to see if I could insert a “CSS Class” like you can for the Menu for example, but there isn’t one!

    I’d also like to manipulate Widget by Widget.

    How can I customize the Widgets?

    Thank you,

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter davidovic123

    (@davidovic123)

    Sorry, I found the location. I found it in ‘Block/Advanced’.

    However, how to do this in the widget:

    1/ Remove the ‘item divider’ from the widget content,

    2/ Align the ‘Latest posts’ content with the widget title ( see the screenshot: https://app.screencast.com/w9gKFRTKZepfB )

    Thank you,

    karlalevelup

    (@karlalevelup)

    Hi, David!

    Could you send a page URL so I’ll see where you’re adding the widget and which blocks you’re using?

    For #2, there are margin options for the block. To align it to the left, set 0 left margin for it – https://share.zight.com/QwuXpAex

    Let us know how we can help you further with #1.

    Kind regards,
    Karla

    Thread Starter davidovic123

    (@davidovic123)

    Hi, @karlalevelup

    Thanks for your reply,

    For #1, I used the “Navigation Menu” block in the sidebar with drop-down submenus.

    In the Mobile Menu settings, there’s an option to disable the “item divider”.

    But I didn’t see the same thing in the sidebar “Navigation Menu” widget.

    Eze

    (@chieze)

    Hi David,

    Thank you for the additional information.

    There is no built-in option to remove the Navigation block divider on the sidebar.

    You can use this custom CSS to remove the divider:

    .sidebar-inner-wrap .collapse-sub-navigation ul.menu li a{
    border:0px;
    }
    .sidebar-inner-wrap .collapse-sub-navigation ul.menu .drawer-nav-drop-wrap .drawer-sub-toggle {
    border:0px !important;
    }

    Here is how to add the custom CSS to your website:
    https://www.kadencewp.com/help-center/docs/kadence-theme/how-do-i-add-custom-css/

    Watch this demo screencast of what happens when the CSS code is added to your website:
    https://share.zight.com/eDuedGql

    You can further customize the sidebar from the theme Customizer > General > Sidebar

    I hope this helps. Please let us know how we can help further.

    Cheers,
    Eze

    Thread Starter davidovic123

    (@davidovic123)

    Thanks, @chieze

    Have a nice day,

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to customize Widgets’ is closed to new replies.