Re: Missing base.css, theme.css and theme.scss.liquid

Missing base.css, theme.css and theme.scss.liquid

ikloevintage
Tourist
13 0 0

Hi everyone,

I using the Thalia-master theme and I want to change some things and edit some codes. But when I go to edit the codes, I can't find these three Assets (base.css, theme.css and theme.scss.liquid). Is there anyone who can help me with that? Thank you

Replies 21 (21)

GemPages
Shopify Partner
5625 1261 1243

Hello @ikloevintage 

 

It's GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

GemPages
Shopify Partner
5625 1261 1243

@ikloevintage 

 

Please find the file:   assets/main.css
or 2 other files:   assets/style.css      or   assets/custom.css

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ikloevintage
Tourist
13 0 0

Thank you, I can only find:

- assets/main.css.liquid

- assets/style.css.liquid

- assets/custom.css.liquid

I cannot find the one you are talking about. 

GemPages
Shopify Partner
5625 1261 1243

@ikloevintage 

 

This theme uses 3 css files above, so there are not 3 files that you are looking for: base.css, theme.css and theme.scss.liquid

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ikloevintage
Tourist
13 0 0

Okay thank you, if I want to add certain codes which you usually use for example with base.css. 

is it possible to add this to one of these three? 

- assets/main.css.liquid

- assets/style.css.liquid

- assets/custom.css.liquid

 

or do I need to choose another theme then, where base.css, theme.css etc. are available?

GemPages
Shopify Partner
5625 1261 1243

@ikloevintage 

 

only the file name is different, it won't affect anything.
You can completely add 1 of the 3 files above.

e.g: main.css

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ikloevintage
Tourist
13 0 0

For example I want to use the code:

 

.hero-content__controls a {
background-color: #FFFFFF !important;
}

 

To change my "shop now" button color to white -> a read online that you can add the code at : Asset->/theme.css

My question is where do I put this code so It works? 

GemPages
Shopify Partner
5625 1261 1243

@ikloevintage 

 

You put in main.css file will work
but with your code I don't see any element with 'class name': 'hero-content__controls'

without that 'class name' the above css code won't work

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ikloevintage
Tourist
13 0 0

The "shop now" box doesn't turn white, can you help me doing this?

GemPages
Shopify Partner
5625 1261 1243

@ikloevintage 

 

I tried with the code:

 

 body .wrap-btn-slide1 > a{
    background: #ffffff;
    color: #000000;
 }

 

Result:

 

Screenshot at Feb 21 21-11-15.png

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ikloevintage
Tourist
13 0 0

Thank you it worked!!!

ikloevintage
Tourist
13 0 0

one other small thing I want to adjust;

- the search bar, and the search logo must go next to the my cart.

which code can I use?

 

GemPages
Shopify Partner
5625 1261 1243

@ikloevintage 

 

I tried with the code:

 

@media (min-width: 992px){
   .wrap_header > div:first-child{
       right: 0 !important;
       left: auto !important;
       margin-right: 140px !important;
   }
}

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ikloevintage
Tourist
13 0 0

Thank you! Furthermore, how do I delete those 4 grey lines? See screenshot attached. Thank you in advance. 

GemPages
Shopify Partner
5625 1261 1243

@ikloevintage 

 

I don't see any of your attached pictures.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ikloevintage
Tourist
13 0 0

Screenshot 2023-02-21 at 15.19.08.png

GemPages
Shopify Partner
5625 1261 1243

@ikloevintage 

 

I tried with the code:

 

@media (min-width: 992px){
body .linedivide1,
body .header-quick-links{
   display: none;
}
body .wrap_header,
body .topbar{
   border: none;
}
}

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ikloevintage
Tourist
13 0 0

Since I'm just starting with my website as you've seen, is there a possibility you can help me with some more small coding? Please let me know how I can contact you privately, or is it allright via this platform? Thank you in advance!

GemPages
Shopify Partner
5625 1261 1243

@ikloevintage 

 

I'm sorry, but it's pity that I'm only allowed to provide support on the forum.

I highly suggest you using a Page builder app such as "GemPages Landing Page Builder" app. For your experience, GemPages provide a free plan with one publish slot.
GemPages offers you with everything you need to create a gorgeous website on your own. And our support team is available 24/7 to assist you.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ikloevintage
Tourist
13 0 0

Perfect thank you! Is it also possible to keep your own theme (Thalia-master) when I use the gem pages web builder?

jasongoosen
Visitor
2 0 0

Hi, on which file did you finally edit, cant seem to find base.css also. just theme.css but when i edit nothing seem to happen to webpage