Slider Changes

resolved (19 posts) (3 voices)

  1. roppy
    Member

    1. I have the Dejava and I am using the fading slider...Where can I change the size of the text and color.
    2.I want to also change the size and color of the text in the Call to Action Box...Where can i do this?

    Posted 2 years ago #
  2. Elliott
    Support

    Hello roppy,

    1. Add this in Dashboard -> your theme -> General Settings -> Custom CSS,

    .slide_title { font-size: 20px !important; color: red !important; }
    .slide_content { font-size: 12px !important; color: blue !important; }

    2. Add this,

    .call_to_action span {
        color:  red !important;
        font-size: 20px !important;
    }
    Posted 2 years ago #
  3. roppy
    Member

    Thanks however this changed only the text in the button...Call to Action Button Text

    .call_to_action span {
    color: red !important;
    font-size: 20px !important;
    }

    I need the text to change also. Call to Action Text

    Posted 2 years ago #
  4. Elliott
    Support

    You can change that when editing your skin. It should be in the "Intro" section, the "Call to Action Font".

    Posted 2 years ago #
  5. KimVL
    Member

    Hi Elliot - I've seen you post about changing the color and size on the slide titles - what is the code for changing the font (I'm looking at airplanesinthenightsky font)? I assume I can also change the font for the slideshow descriptions?

    Thanks for your help!

    Posted 2 years ago #
  6. Elliott
    Support

    See my first post. If you want to use a custom font then I recommend the WP Google Fonts plugin, http://wordpress.org/extend/plugins/wp-google-fonts/.

    Posted 2 years ago #
  7. KimVL
    Member

    Thanks a bunch!

    Posted 2 years ago #
  8. KimVL
    Member

    HI Elliot, I think I'm totally missing something. I'd like to use the cufon font titled airplanesinthenightsky that comes with the theme. I've already very easily changed my site title to this font but cannot seem to get the slide titles to change to this font.

    My latest attempt was to add the following to my customs css section on the general tab:

    .slide_title {
    font-family:airplanesinthenightsky !important;
    }

    Posted 1 year ago #
  9. Elliott
    Support

    That's a Cufon font and you will need to add this to Dashboard -> your theme -> General Settings -> Custom Javascript,

    jQuery(document).ready(function(){
    Cufon.replace('.slide_title', { fontFamily: 'airplanesinthenightsky' );
    });

    If you haven't selected this font anywhere in your skin then you will also need to load it in Dashboard -> your theme -> General Settings -> Additional Headers,

    <script type = 'text/javascript' src = 'your domain/wp-content/themes/dejavu/lib/scripts/fonts/airplanesinthenightsky.js'></script>

    Posted 1 year ago #
  10. KimVL
    Member

    Hi Elliot - I added both codes and it still doesn't change.. any thoughts?

    Posted 1 year ago #
  11. Elliott
    Support

    Did you make sure to switch "your domain" with your actual domain name? Go ahead and install the WP Google Fonts plugin and use your CSS code with it.

    Posted 1 year ago #
  12. KimVL
    Member

    Hi Elliot,

    I have the following in the additional headers field:
    <script type = 'text/javascript' src = 'http://www.betteroffwell.com/wp-content/themes/dejavu/lib/scripts/fonts/airplanesinthenightsky.js'></script>

    I do have WP Google Fonts plugin installed and I put the following in the custom css box for font 1 options section:

    .slide_title {fontFamily: 'airplanesinthenightsky' ; !important;}

    Posted 1 year ago #
  13. KimVL
    Member


    Posted 1 year ago #
  14. Elliott
    Support

    The CSS you used here should be working, http://mysitemyway.com/support/topic/slider-changes#post-65422.

    Posted 1 year ago #
  15. KimVL
    Member

    Ok I did try that css first but thought it was wrong... I just put it back and still no changes :(

    Posted 1 year ago #
  16. Elliott
    Support

    Are you sure you have the font loaded with the WP Google Fonts plugin? You can download it here, http://www.dafont.com/airplanes-in-the-night-sky.font.

    Send us a link to your page.

    Posted 1 year ago #
  17. KimVL
    Member

    Ok I'm lost now and I'm usually smarter than this. I thought the font was part of the theme since I easily used it for my site title.

    I have gone ahead and downloaded the font but I see nothing on the plugin settings page that shows how to add it nor on the plugin's documentation page.

    http://www.betteroffwell.com/

    Posted 1 year ago #
  18. Elliott
    Support

    There was a typo in the code I posted, use this,

    jQuery(document).ready(function(){
    Cufon.replace('.slide_title', { fontFamily: 'airplanesinthenightsky' } );
    });

    If your still having problems then send us a private message by clicking on the "PM this user" link beneath our usernames.

    Posted 1 year ago #
  19. KimVL
    Member

    You rock Elliot.. it's all set :) a million thank yous!

    Posted 1 year ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme