On broadcast theme there are 2 settings to display the collection description and both do not work with what i want.
Option 1: Overlay, This shows the collection text over the image yet my text is too large therefore does not work for me.
Option 2: Inline, This reduces the image to the left while displaying the description on the side yet leaves a huge gap, relative to the length of the text. Therefore this wont work either.
Ideal outcome: Place Collection description underneath image or Imbed code within “richtext” that auto-populates that collections description then placed underneath the image or elswhere
1 Like
Hi @Garrett4488 ,
Would you mind to share your URL website? with password if its protected. I will try if can insert the description. Thanks!
Message sent with requested information
Thank you
1 Like
Thank you for the information. I come with this. Im not sure if this is you like to do.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
.collection__image.wide-image.two-fifty-height-hero.image-height--mobile.frame:before {
content: "Amethyst is a pure variety of quartz and the deep purple stone can be found in South America as well as some Southern parts of India. This precious stone has had ties with the spiritual world for over 20,000 years now and it has been closely associated with the third eye. The stone was also believed to be an immune booster of sorts and would help with a wide range of maladies from hangovers to insomnia.";
padding: 30px;
}
.collection__image.wide-image.two-fifty-height-hero.image-height--mobile.frame:after {
content: "The gem is also believed to absorb negative energies when kept close and can help alleviate symptoms associated with stress or irritability. Amethyst has been known to make users feel more in tune with their spirituality and has been used by those who explore the psychic realm for centuries. It also has a sobering effect on some people, both in the literal and emotional sense. In terms of capabilities, Amethyst is one of the most profound and broad minerals out there, hence its proclivity and popularity among the general public. ";
padding: 30px;
}
Result:
I hope it help.
so it is not actually this specific text that i need to be added. what im looking for is a css code that i can add to a section like rich text for examble which will pull the information i have under the discription section of that collection to be displayed.
I have hundreds of different minerals and need to use the default collection template for each hence why i need a code that would link that collection description to a certain desired location using a css code.
that is how i do want the text to look, i just need it to adapt to all collections using the default collection template
