Solved

Move Collection Name Above Image

DesignSugar
Tourist
5 0 0

Hi all,

 

I am hoping someone can help me with moving the collection title above the image in the Studio theme.

 

Currently it is below the image - https://designsugarplr.store/collections

 

I have tried the code suggested  in previous threads but it is just not working for me.

 

Thank you so much!

Accepted Solutions (2)

TerenceKEANE
Shopify Partner
511 86 78

This is an accepted solution.

Hi!

 

Code that usually works for someone else may not work for you. Custom coding is required for each website.

 

Terence..

 

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I'll help.

 

Navigate to the 'Edit Code' option in your theme settings, then search for “base.css” in the search bar and add below codes.

 

.card--standard>.card__content {
    position: absolute!important;
    top: 0;
}
.card--standard .card__inner {
    margin-top: 50px!important;
}

 

shopify.base.css.jpg

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites

View solution in original post

TerenceKEANE
Shopify Partner
511 86 78

This is an accepted solution.

Hi again.

 

I believe there's a solution for everything 😊

 

Just delete the previously sent codes and upload the ones below.

 

.card--standard > .card__content {
    position: absolute !important;
    top: 0;
    width: 100%;
    height: 100%;
}

.card--standard .card__inner {
    margin-top: 50px!important;
}
★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites

View solution in original post

Replies 7 (7)

TerenceKEANE
Shopify Partner
511 86 78

This is an accepted solution.

Hi!

 

Code that usually works for someone else may not work for you. Custom coding is required for each website.

 

Terence..

 

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I'll help.

 

Navigate to the 'Edit Code' option in your theme settings, then search for “base.css” in the search bar and add below codes.

 

.card--standard>.card__content {
    position: absolute!important;
    top: 0;
}
.card--standard .card__inner {
    margin-top: 50px!important;
}

 

shopify.base.css.jpg

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
DesignSugar
Tourist
5 0 0

Hi Terence,

 

You're amazing. Thank you so much for your help!! 🤗

DesignSugar
Tourist
5 0 0

Sorry to be a pain. The code works perfectly for moving the text above the image - but now the image is no longer clickable. Is there a work-around for this by any chance? 🤞

 

Thanks so much!

TerenceKEANE
Shopify Partner
511 86 78

This is an accepted solution.

Hi again.

 

I believe there's a solution for everything 😊

 

Just delete the previously sent codes and upload the ones below.

 

.card--standard > .card__content {
    position: absolute !important;
    top: 0;
    width: 100%;
    height: 100%;
}

.card--standard .card__inner {
    margin-top: 50px!important;
}
★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
DesignSugar
Tourist
5 0 0

Absolute legend!

 

Thanks so much again!

TerenceKEANE
Shopify Partner
511 86 78

You are welcome.. It was just a small thing for me. 🙂

 

I'm not sure what level of assistance you're looking for here, but if you're seeking affordable, monthly, or long-term advanced help, we can also offer you the 'Shopify Premium Support' service that we provide to many others here. Our service is not hourly or per project, it's monthly. You can request as much assistance as you need.

 

There is no limit as a support request!

 

Generally, we provide superficial assistance here. The detailed help is provided to our clients through 'Premium Support.' 

 

If you have an e-commerce store or website, working with someone who can provide continuous assistance will always be better for you.

 

In addition to quick solutions, we provide:

  • Fast Turnaround
  • Dedicated Advanced Front-End Coding Assistance with CSS and Javascript
  • Animated Coding Support
  • Free Advanced Apps
  • Comprehensive On-Site and Off-Site SEO Reports
  • Expert Consulting
  • Unique Mobile Premium Features
  • Design and Frontend Management

and much more...

 

Maybe you're tired of constantly seeking help here, so I wanted to write this. Assistance on the Shopify community is usually quite superficial.

 

If you're interested, you can check out the link in my signature. Feel free to reach out via private message, email, or WtApp if you have any questions. 🙏

 

Terence...

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
DesignSugar
Tourist
5 0 0

Thanks Terence,

 

I'll keep that in mind!