Forge theme formatting issues

Store Design
, ,

Topic summary

A user working with the Forge theme on Shopify needs help with two formatting customizations:

Issue 1: Collection List Display

  • Wants to remove the item count from collection lists
  • Prefers the collection name overlaid on images (as shown in theme demo)
  • Solution provided: Custom CSS code to hide product count and reposition collection name as overlay with white text

Issue 2: Side-by-Side Images

  • Wants to display two photos side-by-side without using collection lists
  • Solution: Use the built-in “image banner” section or “gallery section” (may require developer assistance for exact demo replication)

Implementation:
The CSS solution involves editing the theme’s base.css/style.css file through the Shopify admin code editor. The user successfully applied the fix and was able to adjust font sizing. A follow-up question about adjusting font style remains open.

Reference images were shared showing desired outcomes versus current state.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

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 - dislike title display and image count
current website - dislike title display and image count1809×716 118 KB

sample 1- images side by side
sample 1- images side by side1915×746 160 KB

sample 2 - images side by side
sample 2 - images side by side1891×772 165 KB

sample 3- collection name displayed on photo
sample 3- collection name displayed on photo1201×655 97.4 KB

1 Like
2

Hi @Michelle103

  1. please, share your store URL. Thanks!

  2. You can used image banner.

Example.

Made4uoRibe_0-1713378465494.png
Made4uoRibe_0-1713378465494.png1902×785 133 KB

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

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!

1 Like
4

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
Made4uoRibe_0-1713379606602.png876×730 490 KB

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

5

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

1 Like
6

Hi, How is it?

7

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.