Re: Change title so it's all on one line

Change title so it's all on one line

flammagreg
Trailblazer
255 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
6862 1636 2018

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.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
flammagreg
Trailblazer
255 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
6862 1636 2018

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.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

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 Partner
564 112 135

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, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency