Font Size and Content Alignment

Font Size and Content Alignment

thatshampooshop
New Member
9 0 0

Hi, I'm currently using Shopify Sense theme and I want to make some adjustments to the current template. 

 

1. I would like to align the content with the brand logo on desktop view as such:

thatshampooshop_0-1720419554473.png

 

2. Is there a way to decrease the font size as well? Currently, my zoom is at 100%, is there a code to make the fonts smaller and compact for easier read? 

 

3. Is there a code to make the following text span across the screen (taking the whole width):

thatshampooshop_1-1720419703899.png

 

4. Is there a way to reduce the height of the image below? 

thatshampooshop_2-1720419876855.png

 

Thanks!

 

Replies 3 (3)

Tal19
Shopify Partner
126 22 24

Can you share the url?

Need Shopify Development, Customization, or POS Support? PM Me!

BSSCommerce-B2B
Shopify Partner
565 114 137

Hi @thatshampooshop,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

.section-template--17529873039523__main-padding .rte p {
    font-size: 14px;
}
.section-template--17529873039523__main-padding .rte h2 {
    font-size: 20px;
}
.section-template--17529873039523__main-padding h1.main-page-title.page-title {
    font-size: 40px;
}
@media screen and (min-width: 750px) {
.section-template--17529873039523__main-padding {
    max-width: var(--page-width) !important;
    margin-left: auto !important;
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}
}

Here is result: 

BSSCommerceB2B_1-1720421050382.png

 

Hope this can help you,

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

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