![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
April 27, 2022 at 10:46 pm #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!
April 28, 2022 at 5:27 am #1349724Hey 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,
IsmaelApril 28, 2022 at 3:59 pm #1349832Hi 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.
April 28, 2022 at 7:11 pm #1349870Hi,
Thanks for the update. Where we can we see the problem you are having with the sidebar?
Best regards,
RikardApril 28, 2022 at 7:42 pm #1349875Hi Rikard – See the content below – Thanks.
-
This reply was modified 2 years, 4 months ago by
bhardy2022.
April 29, 2022 at 10:06 am #1349928Hi,
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,
RikardApril 29, 2022 at 3:36 pm #1349969April 30, 2022 at 10:26 am #1350021Hi,
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,
RikardApril 30, 2022 at 11:06 pm #1350080Hi 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.
May 1, 2022 at 9:25 am #1350105Hi,
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,
RikardMay 1, 2022 at 10:58 pm #1350132Wouldn’t you know it would be an operator error! Thanks for finding it.
.
May 2, 2022 at 6:26 am #1350153 -
This reply was modified 2 years, 4 months ago by
-
AuthorPosts
- The topic ‘How can I change the "return to top" styling?’ is closed to new replies.