Reduce Distance Between Two Sections and enlarge the size of font - Palo Alto Theme

Store Design
, ,
1

menu1.png
menu1.png516×578 8.91 KB

menu2.png
menu2.png1179×1352 38.3 KB

Left) Current desktop version ----------------> Right) Current mobile version (Prefer size)

Hello,

How can I reduce the distance between these 3 buttons (“Custom content” sections) and enlarge the size of capsule shape and font of the buttons on my homepage on the desktop version (Left) like as the mobile version (Right) ?

Thank you for your assistance in advance.

https://www.yook92.com (password: 692)

2

@YK92

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.brick__block__content .brick__block__inner {
	padding-bottom: 0px;
}
3

Hi @YK92 ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.brick__block__content .brick__block__inner {
	padding-bottom: 0px;
}
@media screen and (min-width: 768px) {
    .template-index .brick__section__wrapper .btn {
        font-size: 1rem;
    }
}

I hope it would help you
Best regards,

Richard | PageFly