Type size for certain text, and colour of "back to blog" and Share icon buttons.

Solved
ControlStudio
Tourist
10 0 7

Hi there, 

I have two questions. 

The first one is looking at the type size of the rich text area, It's an intro paragraph and I would like both the heading and subheading of this certain text area to be bigger without it affecting the size of other rich text areas I have on the homepage.

Screen Shot 2021-07-14 at 4.51.40 pm.png

 

The other question I had is the colour for the "Back to Blog" button and the colour of the share icons. 
I would like these all to be #f7d7d7 

Screen Shot 2021-07-14 at 4.52.39 pm.png

 

Any help is much appreciated. The link to the preview of the website is: 
https://swew0024fccodvg9-52879884465.shopifypreview.com

 

Many thanks! 

dmwwebartisan
Shopify Partner
9136 2116 2884

This is an accepted solution.

@ControlStudio 

Please add the following code at the bottom of your assets/theme.css file.

#shopify-section-16261450865ea5ec2c .rich-text__heading--large{
font-size: 35px !important;
}
#shopify-section-16261450865ea5ec2c .rte-setting{
font-size: 30px !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
9136 2116 2884

This is an accepted solution.

@ControlStudio 

For the blog page add the following code at the bottom of your assets/theme.css file.

.template-article .return-link-wrapper a.btn{
background-color: #f7d7d7;
}
.template-article .btn--share .icon-facebook, .template-article .btn--share .icon-twitter, .template-article  .btn--share .icon-pinterest {
    fill: #f7d7d7 !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
ControlStudio
Tourist
10 0 7

Many thanks!!!  

Pallavi
Shopify Expert
2383 397 515

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.template-article .return-link-wrapper a.btn{
background-color: #f7d7d7;
}
.template-article .btn--share .icon-facebook, .template-article .btn--share .icon-twitter, .template-article .btn--share .icon-pinterest {
fill: #f7d7d7 !important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes