GeoDirectory SupportTargeting Reviews Tab on Details Page – GeoDirectory Support

Targeting Reviews Tab on Details Page

doublefish — Mon, 29 Jun 2015 18:00:37 +0000

Hey Guys,

Want to target the reviews tab on the details page to customize bg color, borders, font color, etc…

Trying…

.dl.geodir-tab-head dd a #reviews{
     background: #2e4988;
     color: #fff;
}

.geodir-tabs #reviews{
     background: #2e4988;
     color: #fff;
}

but not working.

Is this possible? Am I just targeted the wrong classes?

Thanks for the help as always!!

Reply To: Targeting Reviews Tab on Details Page

Simone — Mon, 29 Jun 2015 18:14:04 +0000

Hello, correct syntax for data-tabs is the following

dl.geodir-tab-head dd > [data-tab="#reviews"]{
	background: #yourcolor;
}

Reply To: Targeting Reviews Tab on Details Page

doublefish — Mon, 29 Jun 2015 18:18:45 +0000

Your Awesome,

Thanks Simone!!

Reply To: Targeting Reviews Tab on Details Page

Simone — Mon, 29 Jun 2015 18:19:40 +0000

you’re welcome, enjoy your new shiny review tab 🙂

Reply To: Targeting Reviews Tab on Details Page

doublefish — Mon, 29 Jun 2015 18:27:58 +0000

Whats the syntax to target the active state… when the user is actually on that tab? I changed the background color to blue and font color to white so when you click on it the text disappears into the white background.

Reply To: Targeting Reviews Tab on Details Page

Simone — Mon, 29 Jun 2015 18:32:59 +0000

this is for the current (active)

dl.geodir-tab-head dd.geodir-tab-active a

Reply To: Targeting Reviews Tab on Details Page

doublefish — Mon, 29 Jun 2015 18:41:23 +0000

Thanks Simone but that applies to all active tabs not just the reviews…

tried to use this to target just the reviews tab…

dl.geodir-tab-head dd.geodir-tab-active a > [data-tab="#reviews"]

but it didn’t work…

I appreciate your help Simone!

Reply To: Targeting Reviews Tab on Details Page

Simone — Mon, 29 Jun 2015 18:43:10 +0000

I tried on mine and it works, I added the following to test it out

dl.geodir-tab-head dd > [data-tab="#reviews"]{
	background: red !important;
	color: #fff !important;
}

mind the !important

Reply To: Targeting Reviews Tab on Details Page

doublefish — Mon, 29 Jun 2015 18:46:32 +0000

That part works perfectly… and I didn’t have to use !important.

The part that’s not working is the “active” state. The syntax you supplied targets all tabs in active state and I want to target only the reviews tab in the active state.

Thanks! Sorry if I wasn’t more clear…

Reply To: Targeting Reviews Tab on Details Page

Simone — Mon, 29 Jun 2015 19:54:55 +0000

Sorry I need to learn to read slowly 🙂
I would have gone for sure with
dl.geodir-tab-head dd.geodir-tab-active a > [data-tab=”#reviews”]
but this isn’t working (as you said)…
to be honest i don’t know why not, maybe because there are too many overrides 🙁