• Home
  • Quick Start
    • Color Schemes
  • Documentation
    • Shortcodes
    • JaW Hooks
    • Screenshots of ThemeOptions
  • Tutorials
  • Forum
  • Contact
Log In

  • Home
  • Quick Start
    • Color Schemes
  • Documentation
    • Shortcodes
    • JaW Hooks
    • Screenshots of ThemeOptions
  • Tutorials
  • Forum
  • Contact

HomeCodeHow to Change Overlay Gradient Colors to Specific Post
test (2)

How to Change Overlay Gradient Colors to Specific Post

  • admin
  • Posted in CodeTutorials
0
SHARES
SHARESHARESHARESHARE
SHARESHARE

Here is a quick hint! We are going to show you for Reviews (bear in mind that this can be use for e.g. jaw grid as well)

Globally you can set these colors in Theme Options->Styling Options->Color Settings->Overlay Gradient Colors or Overlay Colors. Bear in mind that these colors are applied for each another post or page (not for some posts or pages).

So we have to use some custom css. First of all, open your browser inspector and find its ID.

postID

Then go to Theme Options->Custom Stylesheets->Custom CSS and add there this code (in our case)

article#post-4187 .jaw-fadein { 
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(255, 0, 0, 0.7) 100%); 
}

And the result

postIDchanged

 

Related Posts

menu-widget6
0 comments
CodeTutorials

How to add more Widget areas to menu.

install-t6
0 comments
Tutorials

How to set Custom Stock Ticker

install8
0 comments
Tutorials

How to set Custom Stock Widget

update

How to update the Theme

pallete (1) (2)

I Need Theme 1 and Theme 2 to be the Same Color

Related Posts

menu-widget6
0 comments
CodeTutorials

How to add more Widget areas to menu.

install-t6
0 comments
Tutorials

How to set Custom Stock Ticker

install8
0 comments
Tutorials

How to set Custom Stock Widget

mynews
0 comments
Tutorials

MyNews Feature

Tags

  • change
  • color
  • css
  • custom
  • each
  • gradient
  • only
  • overlay
  • page
  • post
  • some
  • Was this Helpful ?
  • yes   no
Copyright © 2016 jawtemplates - WordPress Design Studio Disable responsivity