FORGE THEME FORMATTING ISSUES

FORGE THEME FORMATTING ISSUES

Michelle103
Excursionist
19 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
10211 2427 3081

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!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Michelle103
Excursionist
19 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
10211 2427 3081

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!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Michelle103
Excursionist
19 0 3

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

Made4uo-Ribe
Shopify Partner
10211 2427 3081

Hi, How is it? 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Michelle103
Excursionist
19 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.