FORGE THEME FORMATTING ISSUES

Michelle103
Tourist
6 0 3

I am hoping to get help with formatting my website, currently using FORGE theme.

 

I have two issues:

 

1. When using collection lists, the collection name and item count display below the image. I would like to remove the item count and have the collection name on the item (sample attached)

 

2. How can I display two photos side-by-side without using collection lists? 

 

I can see from the "demo store" for the theme that both are possible, but can't determine how to make the edits. 

 

Thank you!Current website.JPGSample3.JPGSample2.JPGSample1.JPG

Replies 6 (6)

Made4uo-Ribe
Shopify Partner
6117 1468 1812

Hi @Michelle103 

1. please, share your store URL. Thanks!

2. You can used image banner. 

Example. 

Made4uoRibe_0-1713378465494.png

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


Michelle103
Tourist
6 0 3

Hello - the store URL is https://gloriapatricollective.com/

 

I would like to mirror similarities to the demo website shown for the FORGE theme. Thank you!

Made4uo-Ribe
Shopify Partner
6117 1468 1812

Thanks! if you like to make same on the forger theme , its a gallery section. That needs a developer to make same section. 

Check this one for the collection. 

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:

 

p.collection-loop__product-count.block.mb1.animate--text.delay--1 {
    display: none;
}
.collection-loop__info.mt3.pb1.px1.a-center {
    position: absolute;
    top: 85%;
    bottom: 0%;
    left: 30%;
}
.collection-loop__info.mt3.pb1.px1.a-center h3 {
    color: white;
    font-weight: 600;
    font-size: 40px;
}

 

And Save. 

Result:

Made4uoRibe_0-1713379606602.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


Michelle103
Tourist
6 0 3

Thank you! I will give that try. Much appreciate your quick response! 

Made4uo-Ribe
Shopify Partner
6117 1468 1812

Hi, How is it? 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


Michelle103
Tourist
6 0 3

It works great, thank you! I was able to figure out how to adjust the font size. Is it possible to adjust the font style? Apologies in advance for the silly question.