How can I change the "return to top" styling?

Hey bhardy2022,

Thank you for the inquiry.

You can use this css code to adjust the style of the scroll-to top link.

#scroll-top-link {
    position: fixed;
    border-radius: 2px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-decoration: none;
    text-align: center;
    opacity: 0;
    right: 50px;
    bottom: 50px;
    z-index: 1030;
    visibility: hidden;
    font-weight: bold;
    font-size: 30px;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

Thanks for the update. Where we can we see the problem you are having with the sidebar?

Best regards,
Rikard

Hi,

Thanks for that. I checked the h6 elements, and they are all 14 pixels. What exactly are you looking to change? I can’t see that you are using any lists, bullets won’t appear if you don’t use lists. What exactly is supposed to be red?

The first paragraph is in a paragraph element, whereas the rest of the content is in a list. That is why there is different styling. What exactly are you looking to change?

Best regards,
Rikard

Hi,

Please try this for the sidebar lists:

.sidebar .widget ul {
    padding-left: 18px;
    list-style: disc;
}

I can’t see any specific styling being applied to this text:

At Live Edge Wood Craft, we work hard to make sure our customers have a great experience. Whether you’re a craftsman looking for live edge slabs to use in your customer’s project, or a consumer looking for live edge slabs or custom furniture, you’ll get the best from us.

That means it will get the default styling of 13 pixels from the theme. If you want to change the default font size, then you can do so under Enfold->General Styling->Typography. If you want specific styling for that paragraph only, then you can do it manually like this:

<p style="font-size: 16px;">Your text goes here</p>

Best regards,
Rikard

Hi,

You have open/incomplete CSS in Quick CSS:

/* CONTROLS RETURN TO TOP */
#scroll-top-link {
position: fixed;
border-radius: 2px;
height: 60px;
width: 60px;
line-height: 60px;
text-decoration: none;
text-align: center;
opacity: 0;
right: 50px;
bottom: 50px;
z-index: 1030;
visibility: hidden;
font-weight: bold;
font-size: 45px;

That is likely why the theme options are not applying.

Best regards,
Rikard

Hi,

No problem. Glad to know that the issue has been resolved. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael