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.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024