Change title so it's all on one line

flammagreg
Trailblazer
239 0 38

Hi guys,

 

Website: seraneeva.com

 

How can I change the title on the create account page to be all on one line? 

 

Screenshot 2024-06-11 at 12.40.19 PM.png

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
6394 1535 1906

Hi @flammagreg 

Did you already solve this problem? 

Please. dont make one line on mobile. It will destroy your design. 

 

Made4uoRibe_1-1718125289493.png

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
flammagreg
Trailblazer
239 0 38

I left it as is. I have a question I've been stuck on for a while. Do you know how I can have the triangle logo at the bottom middle of the image banners just on the links in the footer. I need to take them off of the collection and product page. Current code is belowScreenshot 2024-06-11 at 1.32.52 PM.png

Made4uo-Ribe
Shopify Partner
6394 1535 1906

Do you want them to show on your homepage banners? 

Made4uoRibe_0-1718128703042.png

Check this one then. 

{% if template == 'index' %}
<style>
@media (min-width:768px) {
  .image-with-text-overlay__grid:before {
    content: "";
    display: block;
    background-image: var(--seperator-logo);
    background-position: center;
    position: relative;
    width: 64px;
    height: 64px;
    top: -32px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
  }
}
</style>
{% endif %}

And save. 

This will show on the homepage only. 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.

Zivanov
Shopify Partner
7 0 0

Hello @flammagreg ,
You can solve this problem with following CSS property: 

white-space: nowrap;

And also as @Made4uo-Ribe mentioned, your page will look broken on mobile devices if you set it to be in one line, so you can add media queries to apply this CSS property only on larger screens. Something like this:

@media (min-width: 769px) {
   .your-title-class  {
      white-space: nowrap;
   }
}

Hope it helps

If this fixed your issue Likes and Accept as Solution is highly appreciated.

BSSCommerce-B2B
Shopify Expert
364 62 73

Hi @flammagreg , 

I have reviewed your requirement, you can change the title on the create account page to be all on one line by css script. 

You need to set smaller font-size this text. You can follow my instructions! 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

BSSCommerceB2B_0-1718129280207.png

 

Step 2: Search for the file theme.liquid. And add this code snippet to the end of the file before tag </body>.

<style>
  @media only screen and (max-width: 749px) {
    .page--title.template-title {
      font-size: x-large !important;
    }
  }
</style>

In this step, you can choose font-size as you want : large/ small...

Step 3: Save your code and reload this page.

=>> The result: 

BSSCommerceB2B_1-1718129453795.png

 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development