Top logo font color.

Hello,

Can you please provide instructions on how to change the color of the top left logo font (on the Frontpage)? Additionally, can I modify the front page color to dark on 1 slide only, instead of the entire Frontpage? Some photos in the slide show have white backgrounds and some have dark. Thanks in advance!

Hi,

Please add the following code into the theme’s css/override.css file

Code: Select all

.gk-logo-text.inverse > span {
  color: #ddd
}


to change the logo color,

regarding dark style only on the first slide - it will be difficult, but I'll try to help, could you send me your website URL?

So FTP to the overide.css then copy & paste the above and save the file? Where do I insert it? Here is what I see on the current overide.css file:

/**
*
* -------------------------------------------
* Custom CSS changes
*

-------------------------------------------
*
**/
/* Here you can put your

CSS modifications using the Child Theme */

Figured it out from the Godaddy dashboard. Thanks buddy!

AJ

Regarding the dark style only on first slide, please try to add the following css code:

Code: Select all


.gk-is-wrapper-gk-photo figure:first-child figcaption h2,
.gk-is-wrapper-gk-photo figure:first-child figcaption p {
  color: #212529;
}
.gk-is-wrapper-gk-photo figure:first-child figcaption a {
  border-color: #212529;
  color: #212529;
}


Hello Piotr,

*The above works on the first slide but, i want to change the fifth & sixth. I modified the above syntax to the below but did not get successful results.
*Can you post the correct code needed to perform the same for slides 5 & 6? --- Below is what i tried (did not work)--

Slid 5 --
.gk-is-wrapper-gk-photo figure:fifth-child figcaption h2,
.gk-is-wrapper-gk-photo figure:fifth-child figcaption p {
color: #212529;
}

.gk-is-wrapper-gk-photo figure:fifth-child figcaption a {
border-color: #00274f;
color: #00274f;
}

Slide 6--
.gk-is-wrapper-gk-photo figure:sixth-child figcaption h2,
.gk-is-wrapper-gk-photo figure:sixth-child figcaption p {
color: #212529;
}

.gk-is-wrapper-gk-photo figure:sixth-child figcaption a {
border-color: #00274f;
color: #00274f;
}

Hi,

For the fifth slide, please use the following syntax:

Code: Select all

.gk-is-wrapper-gk-photo figure:nth-child(5) figcaption h2,
.gk-is-wrapper-gk-photo figure:nth-child(5) figcaption p {
color: #212529;
}


and similar for the six slide - figure:nth-child(6)

Awesome! Problem resolved, thanks man!