• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Changing link color in Epik theme

Home › Community Forums › Epik Theme Support › Changing link color in Epik theme

Tagged: color, links, theme

  • This topic has 20 replies, 7 voices, and was last updated 8 years, 9 months ago by Eric.
Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • November 6, 2013 at 2:41 pm #8731
    Steven
    Customer

    I 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 #8749
    Wes
    Moderator

    Look 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 #9244
    financialseo
    Customer

    I 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 #9248
    Wes
    Moderator

    @financialseo Have a link so I can check it out?

    December 1, 2013 at 3:20 pm #9251
    financialseo
    Customer

    ya, http://studentloanbs.com

    December 1, 2013 at 7:58 pm #9255
    Wes
    Moderator

    I 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 #11144
    chuff80
    Customer

    I 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 #11152
    Wes
    Moderator

    @chuff80 Which part are you trying to change exactly?

    April 1, 2014 at 3:56 am #11567
    chuff80
    Customer

    I’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 #11577
    Wes
    Moderator

    Yes, 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 #11582
    chuff80
    Customer

    Tried that before. Just tried it again. Didn’t work. Any other alternatives?

    April 2, 2014 at 9:32 pm #11585
    Wes
    Moderator

    It’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 #11586
    chuff80
    Customer

    It’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 #11592
    Wes
    Moderator

    Ok 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 #11593
    dcherry
    Customer

    Need help too.

    All my links are displaying as 298305 and no matter what I change they remain green!

    http://yourlifebetter.net

    April 4, 2014 at 3:50 pm #11594
    chuff80
    Customer

    I removed that line and it worked. Thank you for the help!

    April 4, 2014 at 11:05 pm #11597
    Wes
    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 #11765
    Lonneke
    Customer

    Hi 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 #11775
    Eric
    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 #11847
    Lonneke
    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 #11855
    Eric
    Customer

    Look 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

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework