Welcome Wide text colour change

Homepage › Community Forums › Epik Theme Support › Welcome Wide text colour change

  • This topic has 5 replies, 2 voices, and was last updated 9 years ago by Wes.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 30, 2015 at 8:47 pm #15488
    SusieQ
    Customer

      Could someone please advise me how I change the colour of text in the Welcome Wide widget? Currently the text appears in the same colour as the background and is therefore invisible, but I can’t see where to rectify this.

      Many thanks,

      Susie

      April 2, 2015 at 12:15 am #15533
      Wes
      Moderator

        If you’re still looking to get this fixed, you can add code to line 1279 in your css file like this – 

        .welcome-wide {
	clear: both;
        color: #333;
}
        April 2, 2015 at 12:23 am #15537
        SusieQ
        Customer

          Hmm, I’m afraid that didn’t work … I pasted the following at line 1279:

          .welcome-wide {
	clear: both;
        color: #b70072;
}

          Any ideas where I’ve gone wrong?

          April 2, 2015 at 12:43 pm #15547
          Wes
          Moderator

            Which text/code are you trying to add? Regular text seems to work, but hyperlinks and titles are showing up as white because of the code that you added around line 3655 – 

            
.epik-magenta .head-wrap,
.epik-magenta .welcome,
.epik-magenta .home-feature-bg-dark,
.epik-magenta .author-box,
.epik-magenta .footer-widgets {
	background: #b70072;
	color: #eee;
}

.epik-magenta .head-wrap a,
.epik-magenta .welcome a,
.epik-magenta .home-feature-bg-dark a,
.epik-magenta .author-box a,
.epik-magenta .footer-widgets a {
	color: #fff;
}

.epik-magenta .head-wrap p,
.epik-magenta .welcome p,
.epik-magenta .home-feature-bg-dark p,
.epik-magenta .author-box p,
.epik-magenta .footer-widgets p {
	color: #eee;
}

            .epik-magenta .welcome, 1st section
            .epik-magenta .welcome a, 2nd section
            .epik-magenta .welcome p, 3rd section

            Remove those and then the default Welcome code will be used (located on line 1266) – 

            .welcome h4 {
	color: #fff;
}

.welcome p {
	color: #ccc;
    margin: 0 0 20px;
}

.welcome a {
	color: #fff;
}

            You can do it that way, or you can keep the lines of code in the magenta section you created and just separate the hyperlinks, titles, p tags, etc and just add your edits/colors from there.

            April 6, 2015 at 8:57 pm #15589
            SusieQ
            Customer

              Yay! Thank you, Wes. All fixed.

              April 6, 2015 at 9:41 pm #15590
              Wes
              Moderator

                You’re Welcome!

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • The topic ‘Welcome Wide text colour change’ is closed to new replies.