Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1349711

    Hi – The up arrow to return to the top of the page isn’t bold enough for my taste. How can I change the styling of that element?

    Thanks!

    #1349724

    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

    #1349832

    Hi Ismael – thanks! that worked.

    I’m also having trouble using the Text widget in the sidebar. It doesn’t seem to respond to what I do. Are there defaults I can’t see? For example, can I use bullet lists? I tried adding the HTML, but it didn’t work. Thanks again.

    #1349870

    Hi,

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

    Best regards,
    Rikard

    #1349875

    Hi Rikard – See the content below – Thanks.

    • This reply was modified 2 years, 1 month ago by bhardy2022.
    #1349928

    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

    #1349969

    Hi Rikard,

    Thanks for your help.

    • This reply was modified 2 years, 1 month ago by bhardy2022.
    #1350021

    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

    #1350080

    Hi Rikard, Thanks for the response.

    The code to update the bullet items in the sidebar had no effect, unfortunately.

    I used the inline font size CSS and it worked, but shouldn’t anything assigned as Paragraph take on the <p> styling in the Advanced Styling section of the Theme Options? It started out doing that, but then it quit. Any idea why?

    Thanks again.

    #1350105

    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

    #1350132

    Wouldn’t you know it would be an operator error! Thanks for finding it.

    .

    #1350153

    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

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How can I change the "return to top" styling?’ is closed to new replies.