Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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
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 )?
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.
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.
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
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?
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
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?
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
The "shop now" box doesn't turn white, can you help me doing this?
I tried with the code:
body .wrap-btn-slide1 > a{
background: #ffffff;
color: #000000;
}
Result:
Thank you it worked!!!
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?
I tried with the code:
@media (min-width: 992px){
.wrap_header > div:first-child{
right: 0 !important;
left: auto !important;
margin-right: 140px !important;
}
}
Thank you! Furthermore, how do I delete those 4 grey lines? See screenshot attached. Thank you in advance.
I don't see any of your attached pictures.
I tried with the code:
@media (min-width: 992px){
body .linedivide1,
body .header-quick-links{
display: none;
}
body .wrap_header,
body .topbar{
border: none;
}
}
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!
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.
Perfect thank you! Is it also possible to keep your own theme (Thalia-master) when I use the gem pages web builder?
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