Font Size and Content Alignment

Store Design
,
1

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
thatshampooshop_0-1720419554473.png1920×996 93.5 KB

  1. 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?

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

thatshampooshop_1-1720419703899.png
thatshampooshop_1-1720419703899.png1873×163 6.48 KB

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

thatshampooshop_2-1720419876855.png
thatshampooshop_2-1720419876855.png1744×709 120 KB

Thanks!

2

Can you share the url?

3

https://ee15bf-83.myshopify.com/pages/about-us

https://ee15bf-83.myshopify.com/pages/brands

4

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
BSSCommerceB2B_1-1720421050382.png1344×639 227 KB

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