Jump to content

Slideshow banner text and button resizing on mobile only

Recommended Posts

11 minutes ago, Likalomtadzedesign said:

Hello,

I have a slideshow banner on my home page which has button and header text on it, on mobile version it doesn't look good so I want to change the font size and button size on mobile version only. If this is possible, I would really appreciate your help.

Hey @Likalomtadzedesign try to add next code in Custom CSS:

@media screen and (max-width: 500px) {
  .user-items-list-item-container[data-section-id="6206361e9b946310ce805c8d"] {
    .list-item-content__title {
      font-size: 24px !important; 
    }

    .list-item-content__button {
      font-size: 12px !important;
    }
  }
}

 

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment
  • 1 month later...
On 3/28/2022 at 8:34 PM, Iwan said:

Hi @SquareRefresh, hope you're well? I'd like to change the font size of the titles in my banner slideshow? Please advise? 

https://beige-oleander-mp66.squarespace.com/config/design/custom-css

 

What is access password?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.