Most codes won't work when copy/paste below in base.css file ( Refresh Theme )

Store Design
,
1

Hi there,

Suddenly all codes just won’t work anymore if I search what I want in your support section to use in my html.
These are the things I need help with right now:

  • all button labels font-weight to 700

  • At every price a comma instead of dot

  • A option to add text next to price ( on righthand side )

  • At my theme editor I want to add an ‘’ Image Only ‘’ but can’t, the closest is image with text and removing the text section but then the display on desktop is the image can’t be centered

the top 3 I found it on the forum but it doesn’t apply the changes when putting it on the very end of the base.css file. If you guys only can find the issue how come I would appreciate it, from there on I can find the codes myself and do it myself for learning purposes.

My site-url is www.milehac.com

2

HI @MilesRobert

Our free themes were recently upgraded to our new theme 2.0 infrastructure and along with that they now have the ability to apply CSS directly from within the theme editor.

If you want to apply CSS to all aspects of the theme, then you can find that in the theme editor under Theme Settings. Please see my screenshot below:

04-15-97013-21115
04-15-97013-211151604×838 157 KB

If you want to apply CSS to specific elements or templates then you can select that element of the page and you will see the option to add CSS specific to that area as well. You can see where that is found in my screenshot here:

04-20-33523-15468
04-20-33523-154681898×891 235 KB

If the CSS codes you are using are not working in these fields in your theme editor please feel free to add them here so we can assist in troubleshooting this with you.

3

the first one it did work via theme editor but the rest doesn’t. Also I would like to centre this page if you could look on how to do that? https://milehac.com/products/lower-back-wrap-sacroiliac-belt-women-posture-sacroiliac-si-joint-support-belt-for-women-and-men-reduce-pelvic-back-discomfort

4

I think I can help with some of that!

Centered Image

For the images not being centered in the product template, instead of the Image with Text section, a much easier way to manage this is to use a free HTML editor to create an image embed code for the images/gifs instead. Here is a link to the one I used: https://onlinehtmleditor.dev. You can then use the HTML in the “Custom Liquid” section instead of the “Image with Text”.

Here is a base one, set to align text and the image to “center”. You can change “center” to left, right or justify as well. For the image URL, you can upload images and GIFs into your store admin under Content > Files and copy the URL into the code snippet:

Here is the difference in using the two sections:

04-57-23776-62033
04-57-23776-620331916×888 261 KB

You can use multiple Custom Liquid blocks, one for each image, or one with all the images aligned in one block of HTML code. You can do either using the HTML editor I shared above.

Currency Formatting

You can adjust the formatting for your currency as well as add additional text right after the currency in your admin under Settings > Store Details. You can see the various formatting options available here: Currency formatting · Shopify Help Center.

Button Text Weight

This one I might not be able to help with directly. I am not a trained developer, just an enthusiast. If you can share the CSS you do have (even if it didn’t work) to edit button text weight I might be able to correct it to work with the Refresh theme.

5

You’re amazing thank you so much!

6

Hi there i’m kinda back for the same topic. The format on desktop doesn’t apply or automatically resize when going to mobile, do you also got a solution for that?

7

Hi @MilesRobert

I think I was able to make that work, try this in the custom liquid section:

And this goes into your GLOBAL CSS settings (in the theme editor, click the paintbrush icon on the left, scroll down to find global CSS):

.responsive {
  max-width: 100%;
  height: auto;
}