Sub header - Support | Kriesi.at - Premium WordPress Themes

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
June 27, 2014 at 12:38 pm #284507

creativeyes
Participant

I’ve developed two sites under the one domain; patients: http://admin.theimplantcentre.com/ and dentists http://dentists.theimplantcentre.com/. They are accessed using the links in the sub menu in the top right corner of the screen. I want to reduce the opacity of the text for the site you’re on down to 30% of its full strength.

So on http://admin.theimplantcentre.com/ reduce the Patient Site sub menu text down to 30%
and on http://dentists.theimplantcentre.com/ reduce the Dentist Site sub menu text down to 30%

June 27, 2014 at 1:33 pm #284533
Ismael
Moderator
Hey Rupert!

Thank you so much for using the theme!

Please add this on Quick CSS or custom.css:
```
#header_meta a {
color: #fff;
opacity: .3;
}

.header_color li {
border-color: rgba(255,255,255,.3);
}
```
Cheers!
Ismael
June 27, 2014 at 4:57 pm #284650

creativeyes
Participant

Thanks Ismael

That has adjusted both ‘Patient site’ and ‘Dentist site’ menu headings, I need to be able to just adjust one of them on each site.

June 30, 2014 at 8:31 am #285086
Dude
Participant
Hey!

I recommend to use the id of the menu item if you just want to style the links. On this website – http://dentists.theimplantcentre.com/ – use:
```
#header_meta .menu li#menu-item-1276 a{
color: #fff;
opacity: .3;
}

#header_meta .menu li#menu-item-1276{
border-color: rgba(255,255,255,.3);
}
```
and on the other website – http://admin.theimplantcentre.com/ – use:
```
#header_meta .menu li#menu-item-1239 a{
color: #fff;
opacity: .3;
}

#header_meta .menu li#menu-item-1239{
border-color: rgba(255,255,255,.3);
}
```
Cheers!
Peter
June 30, 2014 at 11:15 am #285140

creativeyes
Participant

Many thanks Peter but they are the wrong way round.

On http://dentists.theimplantcentre.com/ I want to tint the ‘Dentists site’ header
and on http://admin.theimplantcentre.com/ I want to tin the ‘Patients site’ header

June 30, 2014 at 5:03 pm #285279
Yigit
Keymaster
Hey!

Please add following code to Quick CSS as well
```
.page-id-1211 li#menu-item-1273 a {
opacity: 0.5;
} 
.page-id-12 li#menu-item-47 a {
opacity: 0.5;
}
```
Cheers!
Yigit
June 30, 2014 at 5:50 pm #285313

creativeyes
Participant

I’m afraid that hasn’t sorted it, I’ve mocked up what I’m after:

I want to tint (30%) the name of the site you’re on, so
http://dentists.theimplantcentre.com/
http://admin.theimplantcentre.com/wp-content/uploads/2014/06/DentistSite.jpg
and the patient one…
http://admin.theimplantcentre.com/
http://admin.theimplantcentre.com/wp-content/uploads/2014/06/PatientSite.jpg

June 30, 2014 at 7:37 pm #285344
Yigit
Keymaster
Hi!

Code i have posted should have done exactly that actually. Can you try adding !important rule as following
```
.page-id-1211 li#menu-item-1273 a {
opacity: 0.3!important;
} 
.page-id-12 li#menu-item-47 a {
opacity: 0.3!important;
}
```
Best regards,
Yigit
June 30, 2014 at 8:02 pm #285362

creativeyes
Participant

Sorry Yigit, I’ve had to change the menu title on each site from a page link to a custom link so the code no longer works. Would you mind re-submitting it again for the following pages:
http://dentists.theimplantcentre.com/
http://admin.theimplantcentre.com/

June 30, 2014 at 8:07 pm #285364
Yigit
Keymaster
Hey!

Please use following code instead
```
.page-id-1211 li#menu-item-1339 a {
opacity: 0.3!important;
} 
.page-id-12 li#menu-item-1272 a {
opacity: 0.3!important;
}
```
Best regards,
Yigit
June 30, 2014 at 8:31 pm #285374

creativeyes
Participant

Brilliant thanks Yigit

June 30, 2014 at 8:41 pm #285375

Yigit
Keymaster

Hey!

You are welcome, glad we could help! :)

Cheers!
Yigit
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Sub header’ is closed to new replies.