I do not know how to change custom css code. I am trying to alter the block size for the promotions banner to be smaller like a highlights banner. The sandbox theme i have does not have a highlights banner and i would like to make the promotion banner similar to a highlights banner. I have tried the code :
p {
block-size {
width: 200px;
height: 200px;
}
}
but it wont let me save changes. can someone help me with this.
Hey @pureluxepilates ,
It should be,
.block-size {
width: 200px;
height: 200px;
}
If it doesn’t work, please share the link to your store. Thanks!
Hi, it still doesn’t work and is now not recognizing .block-size as an input.
Could you share the link to your store please?
i will share an image of what i would like to make smaller. I just need the images and all text below to be smaller.
Please share a preview link at least. Without looking at the website, I don’t know what classes are in the HTML.
Hey @pureluxepilates ,
I don’t know where you got the .block-size selector because it doesn’t exist anywhere on the website.
Anyway, here’s the solution
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
Hi again,
I am now struggling with the same issue as I am trying to put a promotion on another page and the block size remains small. Is there a way to code it so the block size is small on the home page and goes back to the normal settings on other pages?
You can replace the code with this @pureluxepilates . Then it’ll only apply on the homepage.
{% if template.name == 'index' %}
{% endif %}