How to edit the size of slideshow title text (Broadcast Theme)

Store Design
1

Can anyone help me increase the title font size on the hero slideshow slides?
I was imagining (and trying) a little code at the bottom of the style sheet to have more control over the size.

The theme is here: https://cu6qame5fd5ark5y-1315668028.shopifypreview.com (it’s not live yet)

Thanks in advance for any help!
Dan

1 Like
2

@Daniel_Ward_CC

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
.homepage-slideshow .hero__title {
    font-size: 42px;
}
1 Like
3

hii, @Daniel_Ward_CC
Paste this code on top of the theme.scss file.

h1.hero__title.aos-init.aos-animate {
    font-size: 40px !important;
    font-weight: bolder !important;
}

Thank You.

1 Like
4

Thank you! - worked perfectly.

2 Likes
5

@Daniel_Ward_CC

its my pleasure to help us

6

Thank you! @Zworthkey or @KetanKumar do you think you could help me with another challenge I’m having?

On this unique product page template, I’d like all the borders around the image/text boxes to be white. I’ve tracked it down to this variable (see image), but changing the border colour on the theme doesn’t impact the custom content block on the product page, so it’s obviously pulling the colour from somewhere else.

Sorry, I cant share a live link to view the code, the site isn’t live and the preview doesn’t allow you to select unique product templates.

Is there another simple bit of custom code I could add to change the colour and size of these borders?

Screenshot 2021-09-11 at 20.08.00.png
Screenshot 2021-09-11 at 20.08.00.png1904×1109 598 KB

Screenshot 2021-09-11 at 20.01.08.png
Screenshot 2021-09-11 at 20.01.08.png1841×1139 185 KB

1 Like
7

@Daniel_Ward_CC

sorry for any issue

i can’t see now you have removed?

8

Hey, it’s not live and a custom product page template.

I have added the box to the default product page, which you should be able to see using this link:
https://zq5vc2hwxt38obx2-1315668028.shopifypreview.com/products/essential-face-and-body-exfoliating-polish?variant=40509015261367

Thanks in advance!

Dan

1 Like
9

@Daniel_Ward_CC

yes please try this code

#shopify-section-template--14919971799223__custom .brick--border .brick__block {
    border-color: #ff0000; /* change color as you like */
}
10

That’s amazing thank you so much! is there any way I can increase the border size? currently its just 1px.

Thanks,

Dan

1 Like
11

@Daniel_Ward_CC

yes as you like change

its my pleasure to help

12

I think I need some additional code to change the border of just this section?

I do not want to change the border size around the site, just the border around the image and text we have turned white with the code above.

Thanks,

Dan