Home › Community Forums › Epik Theme Support › Changing link color in Epik theme
- This topic has 20 replies, 7 voices, and was last updated 8 years, 9 months ago by
Eric.
-
AuthorPosts
-
November 6, 2013 at 2:41 pm #8731
Steven
CustomerI am using the Epik theme in the lighter gray color. I want to make links more visible because it is visually hard to distinguish the link color from other text color. How do I change the links to another color like blue or red and still keep the gray theme color?
November 7, 2013 at 12:38 pm #8749Wes
ModeratorLook for this in your css –
.epik-gray a { color: #777; }
Then you can change the color to whatever you want. If you wanted to keep the same colors you could increase the font-weight from 400 to 600 or 700.
December 1, 2013 at 3:23 am #9244financialseo
CustomerI am using the black theme, but it appears the CSS is different for the black than all the others. What code would I need to change to adjust the link color using the black theme. The links just look like bold text. I need to make them stand out.
Thanks
December 1, 2013 at 1:13 pm #9248Wes
Moderator@financialseo Have a link so I can check it out?
December 1, 2013 at 3:20 pm #9251financialseo
CustomerDecember 1, 2013 at 7:58 pm #9255Wes
ModeratorI replied to the other post here – http://appfinite.com/topic/mobile-responsiveness-no-longer-working-correctly/#post-9254
March 4, 2014 at 7:21 pm #11144chuff80
CustomerI made these same changes in my site, and the color changes aren’t working. Any help here? http://theabundantartisttest.com
March 5, 2014 at 8:46 am #11152April 1, 2014 at 3:56 am #11567chuff80
CustomerI’d like all links on my site to display in #336699, instead of the black text color they display in now. Is there a single spot to change this in the CSS?
April 1, 2014 at 10:52 pm #11577Wes
ModeratorYes, take a look around line 395 in your css and change the color like this –
a { color: #336699; font-weight: 400; text-decoration: none; }
April 2, 2014 at 3:38 pm #11582chuff80
CustomerTried that before. Just tried it again. Didn’t work. Any other alternatives?
April 2, 2014 at 9:32 pm #11585Wes
ModeratorIt’s working. You may just need to clear your browser cache by hitting your reload button on your browser. I can see the blue link color from the code I suggested above. Are you still not seeing the blue link? If not, where exactly do you have the link? So far I can see it on the homepage.
April 3, 2014 at 1:19 am #11586chuff80
CustomerIt’s working on the home page, and the post info, but not on the rest of the site (links from within the blog posts, Contact, etc)
April 4, 2014 at 9:15 am #11592Wes
ModeratorOk I see what you’re referring to. Take a look around line 4409 in your css and you’ll see the
entry-content
code –.entry-content a { color: #000; }
You can either remove this color (black) or add in your blue color code here. That would cover everything inside of the entry-content div, which is usually within the post/page content.
Let me know if that works.
April 4, 2014 at 3:12 pm #11593dcherry
CustomerNeed help too.
All my links are displaying as 298305 and no matter what I change they remain green!
April 4, 2014 at 3:50 pm #11594chuff80
CustomerI removed that line and it worked. Thank you for the help!
April 4, 2014 at 11:05 pm #11597Wes
Moderator@dcherry It’s coming from this code in your css –
a, h2 a:hover { color: #298305; text-decoration: none; }
If you change that code, then it will change the link colors. I’m not sure which line it is exactly since most of your css code is showing up on the same line (mixed together) – http://www.yourlifebetter.net/wp-content/themes/epik/style.css?ver=2.0.2 Did you manually do that to your style.css file, or are you using a plugin or something?
April 17, 2014 at 8:33 am #11765Lonneke
CustomerHi Wes,
I would like to change the color of “welcome wide” widget into a different color then the “welcome feature” widget.
How can I split them up?And is it possible to change the background of one widget into a picture, instead of all of the widget at once?
Thank you!
April 17, 2014 at 12:11 pm #11775Eric
Customer@Lonneke you can, but you’ll have to split the divs in your home.php file. Wes mentioned that here – http://appfinite.com/topic/how-can-i-add-extra-widget-sections-on-home/#post-9226
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
April 22, 2014 at 4:48 pm #11847Lonneke
Customer@Eric, thanks for your quick reply.
But where in home.php do i have to change this to seperate the welcome wide and the welcome features?
And how?
I’ve just bought the theme a few weeks ago. Don’t I have the latest version now?I did the background change in the style sheet already. But thanks anyway.
April 23, 2014 at 9:01 pm #11855Eric
CustomerLook for the widget areas that will look something like this –
/** * Display widget content for the "Welcome-wide", "Welcome Feature 1", "Welcome Feature 2", and "Welcome Feature 3" sections. * */ function epik_home_loop_helper_welcome() { if ( is_active_sidebar( 'welcome-wide' ) || is_active_sidebar( 'welcome-feature-1' ) || is_active_sidebar( 'welcome-feature-2' ) || is_active_sidebar( 'welcome-feature-3' ) ) { echo '<div class="welcome">'; genesis_widget_area( 'welcome-wide', array( 'before' => '<div class="welcome-wide"><div class="wrap">', 'after' => '</div></div>', ) ); echo '<div class="welcome-features"><div class="wrap">'; genesis_widget_area( 'welcome-feature-1', array( 'before' => '<div class="welcome-feature-1">', 'after' => '</div>', ) ); genesis_widget_area( 'welcome-feature-2', array( 'before' => '<div class="welcome-feature-2">', 'after' => '</div>', ) ); genesis_widget_area( 'welcome-feature-3', array( 'before' => '<div class="welcome-feature-3">', 'after' => '</div>', ) ); echo '</div><!-- end .wrap --></div><!-- end .welcome-features --></div><!-- end .welcome -->'; } }
There is a new update coming soon that automatically does what you’re trying to do. Wes sent me the updated version but it’s still in beta so it’s not available just yet. The code above is what I just copied from the new version. If you haven’t made any other changes to your home file, try and replace your code with the code above. If I were you, I’d do it from FTP and not the WordPress editor just in case a mistake is made.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
-
AuthorPosts
- You must be logged in to reply to this topic.