logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$20
Autofocus Pro - Changing the colour of the hover text

Hi,

i really want to change the text that appears over the photos of the main page. At the moment it;s in white which doesn't show up very well, i just can't find it in the CSS. Can anyone help?

www.rebornkoala.com

thanks

p

This question has been answered.

Peter Landers | 04/01/11 at 8:58am Edit

Previous versions of this question: 04/01/11 at 12:17pm

(5) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    04/01/11
    9:03am
    AdamGold says: 

    .entry-hover-on a.published {
    
color: #yourcolor;
    
}

    • 04/01/11 9:05am

      Peter Landers says:

      Hi,

      thanks, is that code i need to paste into the CSS? Does it matter where?

      Sorry am slight coding dumbass

      p

    • 04/01/11 9:06am

      AdamGold says:

      No, it doesn't matter where, but for safety paste it in the end of the CSS so it will overwrite any other styles that are defined to this element.

    • 04/01/11 9:08am

      AdamGold says: 

      .entry-hover-on a.published {
      
color: #yourcolor1;
      
}
      
.entry-hover-on div.entry-content {
      
color: #yourcolor2;
      
}


      yourcolor1 is for the link, yourcolor2 is for the text.

    • 04/01/11 9:15am

      Peter Landers says:

      Hi Adam,

      tried both those and pasted them into the stylesheet but no change.

      Trying to change the colour to #FF4F4F

      p

    • 04/01/11 9:22am

      AdamGold says:

      Try this CSS (at the end of your CSS file, checked it and it worked):

      a.published {
      
	color: #FF4F4F;
      
}
      

      
abbr.published {
      
	color: #FF4F4F;
      
}
      

      
div.entry-content p {
      
color: #yourcolor;
      
}

    • 04/01/11 9:35am

      AdamGold says: 

      a.published {
      
	color: #FF4F4F !important;
      
}
      
abbr.published {
      
	color: #FF4F4F !important;
      
}
      
div.entry-content p {
      
color: #yourcolor !important;
      
}

    • 04/01/11 10:41am

      AdamGold says:

      In af-styles replace

      #fancybox-title {color:#<?php echo $bg_color; ?>}


      With
      #fancybox-title {color:#FF4F4F}


      Or
      #fancybox-title a{color:#FF4F4F}

  • avatar
    Last edited:
    04/01/11
    9:06am
    hemant hapani says:

    .entry-meta entry-hover-on a
    {
    color:#colorcode;
    }

    Please add in your active theme folder .css file.

    Previous versions of this answer: 04/01/11 at 9:06am

    • 04/01/11 9:16am

      Peter Landers says:

      Hi,

      pasted that into the stylesheet with #FF4F4F as the colour but not change

      p

  • avatar
    Last edited:
    04/01/11
    9:24am
    Denzel Chia says:

    Hi,

    Please put the below code at the end of functions.php
    This will hook in the css to <head>
    I don't really know why it is so long.

    Remember not to leave any space at the end of functions.php or it will cause PHP error.


    
<?php
    
function autofocus_hook_css(){
    
?>
    
<style type='text/css'>
    
.sf-menu ul a:hover, .sf-menu .current_page_item ul a:hover, .blog #content .entry-title a, .blog #content .entry-meta abbr, .ie6.blog #content .entry-meta .entry-date, .blog #content .entry-content, .blog #content .entry-content a, #content .photo-credit, #content .photo-credit a, #thumbNav a, #content .entry-content div.large-image p, .ie6.blog #content .entry-meta a, #fancybox-title{
    
color:#FF4F4F !important;
    
}
    
</style>
    
<?php
    
}
    
add_action('wp_head','autofocus_hook_css');
    
?>


    Thanks.
    Denzel

    • 04/01/11 9:32am

      Peter Landers says:

      Hi,

      thanks but that still doesn't work, does it mean anything that when i look in the function_php it's all question marks?

      thanks

    • 04/01/11 9:44am

      Denzel Chia says:

      Hi,

      thanks but that still doesn't work, does it mean anything that when i look in the function_php it's all question marks?


      Ha, Ha, never mind since you don't understand PHP.

      I am sure someone can give you a working solution.

      Thanks.
      Denzel

  • avatar
    Last edited:
    04/01/11
    9:27am
    Jens Filipsson says:

    Isn't there an autofocus settings page inside your wordpress admin when you use this theme? From what I can remember, you can change this there. I'm not 100% sure, but worth checking out maybe?

    • 04/01/11 9:29am

      Peter Landers says:

      There is but you can only change the other text, thanks though.

      p

  • avatar
    Last edited:
    04/01/11
    12:36pm
    Sébastien | French WordpressDesigner says:

    simply add at the bottom of style.css this code

    #content .entry-title a{
    
color:#FF4F4F !important;
    
}

    simply :-)

    • 04/01/11 9:35am

      Peter Landers says:

      Sorry, still didn't work

      p

    • 04/01/11 9:37am

      Sébastien | French WordpressDesigner says:

      could you add this code and tell me when you are done, and i look at that
      thx

    • 04/01/11 9:41am

      Peter Landers says:

      ok, have added it, thanks

      p

    • 04/01/11 9:50am

      Sébastien | French WordpressDesigner says:

      go to wp-content/themes/autofocuspro/css/af-styles.css
      and replace 

      .sf-menu ul a:hover, .sf-menu .current_page_item ul a:hover,
      
	.blog #content .entry-title a,
      
	.blog #content .entry-meta abbr,
      
	.ie6.blog #content .entry-meta .entry-date,
      
	.blog #content .entry-content, .blog #content .entry-content a,
      
	#content .photo-credit, #content .photo-credit a,
      
	#thumbNav a, 
      
	#content .entry-content div.large-image p,
      
	.ie6.blog #content .entry-meta a,
      
	#fancybox-title {color:#ffffff;}

      with
      .sf-menu ul a:hover, .sf-menu .current_page_item ul a:hover,
      
	.blog #content .entry-title a,
      
	.blog #content .entry-meta abbr,
      
	.ie6.blog #content .entry-meta .entry-date,
      
	.blog #content .entry-content, .blog #content .entry-content a,
      
	#content .photo-credit, #content .photo-credit a,
      
	#thumbNav a, 
      
	#content .entry-content div.large-image p,
      
	.ie6.blog #content .entry-meta a,
      
	#fancybox-title {color:#FF4F4F;}

    • 04/01/11 9:51am

      Sébastien | French WordpressDesigner says:

      sorry : the file is af-styles.php not af-styles.css

    • 04/01/11 9:56am

      Peter Landers says:

      I don't have a af-styles.css file, only a af-styles.php.

      Should i do it in there?

      p

    • 04/01/11 9:57am

      Sébastien | French WordpressDesigner says:

      is it ok ?

    • 04/01/11 9:57am

      Sébastien | French WordpressDesigner says:

      yeeeees, open the file af-styles.php with your text editor and replace the code :-)

    • 04/01/11 10:14am

      Sébastien | French WordpressDesigner says:

      is it ok ?

    • 04/01/11 10:20am

      Peter Landers says:

      Sorry still can't get it to work, used wordpad to change it but nothing

      p

    • 04/01/11 10:27am

      Sébastien | French WordpressDesigner says:

      that is the solution at your problem...

      open the file af-styles.php with notepad
      replace the code and save as af-styles.php
      replace the file on your FTP


      if you want you can send me your FTP login and i replace the code.
      maildeseb @ gmail . com

    • 04/01/11 10:28am

      Sébastien | French WordpressDesigner says:

      or send me your file af-styles.php
      as you want

    • 04/01/11 10:38am

      Peter Landers says:

      Thank you very much, i think sending the af-styles.php is best.

      here it is

      p

    • 04/01/11 10:39am

      Peter Landers says:

      Sorry here it is

      Attached Image

    • 04/01/11 10:46am

      Sébastien | French WordpressDesigner says:

      ok, i have replace the code
      the file is in attachment
      replace the file in ftp

    • 04/01/11 10:48am

      Sébastien | French WordpressDesigner says:

      arf, it seems that the responder can't upload a zip...
      what's your email ?

    • 04/01/11 10:48am

      Sébastien | French WordpressDesigner says:

      i try another time with a zip

    • 04/01/11 10:50am

      Peter Landers says:

      mr.peter.landers @ g mail.com

    • 04/01/11 10:59am

      Peter Landers says:

      Hi, i copy and pasted your AF file into wp-content/themes/autofocuspro/css/af-styles.css replacing the old one but still no change?

      p

    • 04/01/11 11:11am

      Sébastien | French WordpressDesigner says:

      no, i'm sorry but you don't have replace the file.
      The code in your html is yet 

      	.sf-menu ul a:hover, .sf-menu .current_page_item ul a:hover,
      
	.blog #content .entry-title a,
      
	.blog #content .entry-meta abbr,
      
	.ie6.blog #content .entry-meta .entry-date,
      
	.blog #content .entry-content, .blog #content .entry-content a,
      
	#content .photo-credit, #content .photo-credit a,
      
	#thumbNav a, 
      
	#content .entry-content div.large-image p,
      
	.ie6.blog #content .entry-meta a,
      
	#fancybox-title {color:#FFFFFF}

      send me your ftp login

This question has expired.





Current status of this question: Completed



Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.