Liquid, JavaScript, themes, sales channels
Hi,
I'm struggling with this divider that is no use for me. I tried inside theme.scss.liquid file to comment off this css:
/*
// emulate separator line (<hr>) under rte headings
h1::after, h2::after {
content: '';
display: block;
margin: 20px auto;
border-bottom: 1px {{ settings.color_borders }} solid;
max-width: 50px;
}
No result from that. Dividers still there, everywhere.
Most thankful for all tips and tricks here 🙂
make display none
Hi there aio_xp!
Unfortunately display none instead of block, did not work.
But I managed to do a trick inside the theme.scss.liquid and made some visual progress with that.
I manipulated them (the vertical lines/dividers that is) with dash first to see that it was the right place. And it was.
Then, by putting border-style: none; I eliminated the border dividers (short ones) from everywhere. Now I still have the in between burgere menu vertical dividers and also
on one page. Long ones. Since I was unable to eliminate the dividers, I'm searching mooore for the right place to "trick" the code like I did for those parts.
Any comments on this solution? Maybe isn't the best but it sure works.
But those from side menu and the long ones must be gone to...so any tips on that I would be grateful.
See the attached picture abowe.
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