Hello hello,
I am trying to get two span tags to be displayed in the same line. What is the best way of doing this on Shopify Debut theme? Should I use grid items?
@schoe3 ,
Share the URL.
Hi @schoe3 ,
Please send your site and if your site is password protected, please send me the password. I will check it.
Use…
{%- liquid code here... -%}
…to strip out unwanted spaces from any liquid (note the extra “-”). This should help. Hard to tell without seeing the site, but I’d check there aren’t some CSS rules also causing excessive spacing (inspect with your browsers devtools). HTH.
The span tags are referring to the date and estimated time. Here is an example of an article.
https://pholder.xyz/blogs/reflections/explore-interaction-of-color-3
Hi Shellbryson,
I never thought about the {%- -%}. I was wondering what the thought process was for using that kind of liquid formatting.
The span tags are referring to the date and estimated time. Here is an example of an article.
https://pholder.xyz/blogs/reflections/explore-interaction-of-color-3
Hi @schoe3 ,
You can add a div tag around it and add the following code, it will display fine:
Hope it helps!
Hi @schoe3 ,
have you tried my code?
I tried your code. it didn’t work out. The one above was my best attempt to make it work better.
I don’t know why you added the time tag. Does your code work from your end?
Hi @schoe3 ,
I only show code with HTML structure, it’s not about liquid.
So when you use it you need to edit liquid file or add content to it I just show you how to display 2 divs on the same row like the mockup you sent.
Hope it is clear to you.
Thank you for the quick reply. I decided to not look into it anymore. I believe there is something buggy going on from the 3rd party app. I am trying to figure out if I could manually add a reading time on debut theme.