• I’m trying to change the colour of the links on the whole page(specifically the footer at this point).
    I have it changed for the whole theme but the footer does not seem to want to change at all.. I’ve tried

    a:link, a:visited {
    	color: #008000;
    }

    But no luck ?? any clues?? Maybe an !important???

Viewing 8 replies - 1 through 8 (of 8 total)
  • !important would work, although it may also change some links that you don’t want to change. A link to your site would be helpful.

    Thread Starter Shaunrafuse

    (@shaunrafuse)

    start by cleaning your custom CSS section – there is a lot of html code near the end which stops your link styles from working.

    try and locate and remove this:

    </div><!-- #main -->
    
    		<footer id="colophon" class="site-footer" role="contentinfo">
    
    			<?php get_sidebar( 'footer' ); ?>
    
    			<div class="site-info">
    				<?php do_action( 'twentyfourteen_credits' ); ?>
    				<a href="<?php echo esc_url( __( 'https://www.ads-software.com/', 'twentyfourteen' ) ); ?>"><?php printf( __( 'Home Healthy Fitness 2014 All Rights Reserved'), 'WordPress' ); ?></a>
    			</div><!-- .site-info -->
    		</footer><!-- #colophon -->
    	</div><!-- #page -->
    
    	<?php wp_footer(); ?>
    </body>
    </html>

    and just before that, there seem to be some stray code brackets { :

    {
    div.tiled-gallery-item {display: block; width: inherit;}
     {

    Thread Starter Shaunrafuse

    (@shaunrafuse)

    Ya that was my attempt at removing the “Proudly Powered By WordPress” to add my own line.. Worked but it was a bit of a mess.
    That worked perfect was a bit of a mess lol..

    Almost worked a little too perfect there was green everywhere!

    I have a couple Text Widgets on the bottom of the page that are links that I wanted to change the colour of.. I have the hovered colour adjusted but it is white before I hover over it..

    Is there a way to just isolate those specific Text boxes??

    specific CSS to the footer textwidget links;
    example:

    .footer-sidebar .widget.widget_text a:link { color: red; }
    .footer-sidebar .widget.widget_text a:hover { color: green; }

    try to work with a browser inspection tool to find out which CSS selectors are specific for the areas…

    Thread Starter Shaunrafuse

    (@shaunrafuse)

    Definitely will get the inspection tool, make things a little easier.. The hovered colour was able to change with that declaration but the solid link colour didn’t for some reason.. still white!

    you might have :visited styled in the original CSS (?) in which case you also need to add a style for that in your edited section;

    https://www.w3schools.com/css/css_link.asp

    Thread Starter Shaunrafuse

    (@shaunrafuse)

    Worked for one of the Text widgets in the footer, but not the other two.. weird because its the same widget in the same place just different links…

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How Do You Change Link Colour on the Whole Page?’ is closed to new replies.