Sidebar Widget Formatting Help

[dlowery]

Good afternoon. I am seeking some assistance with adjusting the sidebar widget. Specifically, I need guidance on how to remove the border, set the padding to 0, and adjust the header text size.

Thank you in advance.

[Prasant]

Hello Dennis,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS:

.x-sidebar .h-widget {
    font-size: 14px;
}


.x-sidebar .widget ul, .x-sidebar .widget ol {
    border: none;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[dlowery]

Thank you. One other thing we have encountered is that out Menu does not collapse in mobile view. It remains expanded.

I have added this to the css with no change in how it is displayed

/START NAVBAR COLLAPSE/

element.style {
outline: none;
}
.x-btn-navbar, .x-btn-navbar.collapsed {
font-size: 24px;
}
.x-btn-navbar.collapsed {
color: #b7b7b7;
background-color: #fff;
box-shadow: inset 0 0 0 transparent, 0 1px 5px rgba(0,0,0,0.25);
}
@media (max-width: 979px)
.masthead-inline .x-btn-navbar {
display: block;
float: right;
}
.x-btn-navbar {
margin-top: 20px;
}
.x-btn-navbar {
border: 0;
padding: 0.458em 0.625em;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
transition: box-shadow 0.3s ease,color 0.3s ease,background-color 0.3s ease;
}
.x-btn-navbar {
/END NAVBAR COLLAPSE/

The URL is https://ahsbuilding.org. Would you be kind enough to advise

[basanta]

Hello Dennis,

Thanks for writing in again!

Look like there is a plugin or custom code which is causing the issue.
Please check the following points for possible solutions.

1. Test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
2. 2. Remove custom CSS and Javascript from the options or Child Theme and test the case.

3. If you’re using a CDN, please clear the CDN’s cache and disable optimization services. For the CloudFlare please follow the steps below: https://xthemetips.com/using-cloudflare-rocket-loader-with-x-pro-and-x5/928/

4. Caching. If you have a caching plugin activated or any form of server side caching please disable it to test for any possible conflicts. If you have server side caching or aren’t sure if you do, your host should be able to advise of this and disable it for testing purposes on your account.

Let us know if that works.

Thanks