Hi, how can I reduce and change the color of the “fade into white on hover” effect on Blog Posts? I would love to customize this effect to suit my website’s colors. Where and how can it be done? My website - www.verdin.la [Screenshot 2024-07-17 at 10.45.26 PM.png]

Are these the blogs you are talking about? [blog.PNG]

Hey, no, these ones - https://verdin.la/blogs/verdin-world

Hi @verdin_verdin , Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code Step 2: Search file theme.liquid Step 3: Insert this code above tag: I’m leaving the default red. You can adjust the color yourself. Hope this can help you, If our suggestions are useful, please let us know b…

Instructions Go to ‘Online Store’ → Theme → Edit Code Inside the assets folder locate the file ‘base.css’ At the end of the file paste this code a.t4s-portfolio-thumb::before{ opacity: 0.5 !important; /* The lower the opacity the more transparent */ }

Hi @verdin_verdin In your Shopify Admin go to online store > themes > actions > edit code Find Asset > base.css and paste this at the bottom of the file: .t4s-portfolio-thumb::before { background: rgba(192, 210, 143, 0.7); } [ZestardTech_0-1721286340627.png]

You can try this code by following these steps: Step 1: Go to the online store ->Theme ->Edit Code. Step 2: Find the theme.liquid file and add the following code above the tag Result: [AnneLuo_0-1721287547617.png] Hopefully it will help you. If yes then Please don’t forget hit Like and Mark…

HI @verdin_verdin , If you would like to change the color of the hover effect to better match, You can use some custom CSS to achieve this. I think along with changing the color of the hover effect, increasing the text size of the hover effect also would be helpful. You can follow these steps to …

Hi @verdin_verdin You can customize it by changing background color code in this code below, and then add it to Custom CSS in Online Store > Themes > Customize > Theme settings. .template-blog .t4s-portfolio-thumb::before { background: rgba(246, 246, 246, .9); }

How to Customize Blog Post Hover Fade Color?

Store Design

WalkYourStyle July 18, 2024, 6:06am 2

Are these the blogs you are talking about?

Topic		Replies	Views
How to remove hover on blog posts images? Store Design design , customizations , css , third-party-themes , shopify-themes	4	30	February 26, 2023
How to remove the hover effect of the blog post- debut theme Shopify Discussion troubleshooting	10	42	December 21, 2022
How do i change the colour of my blog post page Store Design design	4	55	September 26, 2024
Change Color of Blog Page, Blog Posts, and Policies Pages Store Design design , customizations , shopify-themes , troubleshooting	7	63	May 16, 2024
Tan bar above blog post - how do I get rid of or change the color Store Design header , css , shopify-themes	7	58	March 25, 2024

How to Customize Blog Post Hover Fade Color?

Related topics