Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
nicolestone

Change Width of Blog Title in Brine Template on Desktop Only (NOT MOBILE)

Question

I added some custom code to change the width of the blog titles to not be so long - but it also affects the width on mobile } .BlogItem-title { margin-left:10%; margin-right:10% }Anyway this code can exclude mobile?

Edited by nicolestone
Initial Revision

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0

@nicolestone


/* Only on Desktop - Tablet */
@media screen and (min-width:641px) {
.BlogItem-title { margin-left:10%; margin-right:10% }
}

Accept Answer and Upvote if it worked. Thanks.Reference: https://beaverhero.com/squarespace-all-css


Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post
  • 0

@nicolestone If you want to apply for only mobile/desktop/table, use these code


/* Mobile */
@media screen and (max-width:640px) {
Paste Your Custom Code (CSS) Here
}
/* Tablet */
@media screen and (min-width:641px) and (max-width:900px) {
Paste Your Custom Code (CSS) Here
}
/* Desktop */
@media screen and (min-width:901px) {
Paste Your Custom Code (CSS) Here
}

/* Tablet - Desktop */
@media screen and (min-width:641px) {
Paste Your Custom Code (CSS) Here
}



Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...