Shopify themes, liquid, logos, and UX
Hi there,
I'd like to adjust the text width of the title on the slideshow, it's too narrow at the moment and I'd like "natural pharmaceuticals" on 1 line as shown below:
website: https://trg-natural-pharmaceuticals.myshopify.com/ password: honevo
Is this possible? Thanks so much in advance!
Solved! Go to the solution
This is an accepted solution.
Hi,
Here's the solution, go to assets/index.css file and place this code at the very bottom.
.slideshow__content-inner {
max-width: 55rem;
}
You could try increasing rem to 60, 65, or 70 if you like.
This is an accepted solution.
Hi,
Here's the solution, go to assets/index.css file and place this code at the very bottom.
.slideshow__content-inner {
max-width: 55rem;
}
You could try increasing rem to 60, 65, or 70 if you like.
Thanks so much @Nick_Marketing that worked perfectly! Do you know where I can adjust the height of that button as well? It's a bit high at the moment! I've tried changing the padding in the index.css file but nothing happens :). Thank you!
To change the button height, find line #8381 in index.css. Edit accordingly.
hi @Nick_Marketing thanks for taking a look!
This is the code on that line. When I change the 4 or 7 nothing happens, and when I change 'large' into medium, it just reduced the space between the text above the button and the button itself 🙂
Should there be css for the slideshow button itself too?
.slideshow__heading + .slideshow__button,
.slideshow__subheading + .slideshow__button {
margin-top: calc(4px * 7);
margin-top: var(--spacing-medium-large);
}
Try this one with (!important infront)
.slideshow__button {
margin-top: 50px !important;
}
If it doesn't work, open another question in the community, pertaining to this topic.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024