Shopify themes, liquid, logos, and UX
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
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024