This is simple: First just a reminder that you will need to have a Child Theme for this or any Template/File customizations, after that you will copy home.php from /responsive/ to /responsive-child-theme/

Open home.php and look for:

            <?php $options = get_option('responsive_theme_options'); ?>
            <?php if ($options['cta_button'] == 0): ?>     
            <div class="call-to-action">

            <?php $options = get_option('responsive_theme_options');
            // First let's check if headline was set
                if (!empty($options['cta_url']) && $options['cta_text']) {
                    echo '<a href="'.$options['cta_url'].'" class="blue button">'; 
                    echo $options['cta_text'];
                    echo '</a>';
            // If not display dummy headline for preview purposes
                  } else { 
                    echo '<a href="#nogo" class="blue button">'; 
                    echo __('Call to Action','responsive');
                    echo '</a>';
                  }
            ?>  
            
            </div><!-- end of .call-to-action -->
            <?php endif; ?>  

Looks for blue class and replace with the silver

For the menu you can copy the styles from

a.silver {
    background-color:#c0c0c0;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#c6c6c6), to(#c0c0c0));
    background-image:-webkit-linear-gradient(top, #c6c6c6, #c0c0c0);
    background-image:-moz-linear-gradient(top, #c6c6c6, #c0c0c0);
    background-image:-ms-linear-gradient(top, #c6c6c6, #c0c0c0);
    background-image:-o-linear-gradient(top, #c6c6c6, #c0c0c0);
    background-image:linear-gradient(top, #c6c6c6, #c0c0c0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c6c6c6, endColorstr=#c0c0c0);
    border:1px solid #9a9a9a;
    color:#fff;
    text-shadow:0 1px 0 #9a9a9a;
}

a.silver:hover {
    background-color:#c6c6c6;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#c6c6c6));
    background-image:-webkit-linear-gradient(top, #c0c0c0, #c6c6c6);
    background-image:-moz-linear-gradient(top, #c0c0c0, #c6c6c6);
    background-image:-ms-linear-gradient(top, #c0c0c0, #c6c6c6);
    background-image:-o-linear-gradient(top, #c0c0c0, #c6c6c6);
    background-image:linear-gradient(top, #c0c0c0, #c6c6c6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0c0c0, endColorstr=#c6c6c6);
    border:1px solid #9a9a9a;
    color:#fff;
    text-shadow:0 1px 0 #9a9a9a;
}

and add them to your .menu{}

Emil

CuriousCat wrote:

Hi Emil

I am trying to put the silver button in my Call to Action button - for this I went and got the codes for it from responsive style.css and pasted it into my child theme styles page - but somehow that did not do it for me.

Can you please tell me what is the proper way to do it.

And also how can I change the menu color to silver.

Thanks

What's the URL please?

Emil

CuriousCat wrote:

Thanks Emil - that was super, I got the silver button with a single click.

But I have not been able to get it for the menu. I put this within the child theme styles.css

.menu {
   background-color:#c0c0c0;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#c6c6c6), to(#c0c0c0));
    background-image:-webkit-linear-gradient(top, #c6c6c6, #c0c0c0);
    background-image:-moz-linear-gradient(top, #c6c6c6, #c0c0c0);
    background-image:-ms-linear-gradient(top, #c6c6c6, #c0c0c0);
    background-image:-o-linear-gradient(top, #c6c6c6, #c0c0c0);
    background-image:linear-gradient(top, #c6c6c6, #c0c0c0);
    clear:both;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c6c6c6, endColorstr=#c0c0c0);
    margin:0 auto;
}

Am I missing a line or something. The silver button is looking good and I would really like to have the menu look like it.

Thanks

Emil wrote:

This is simple: First just a reminder that you will need to have a Child Theme for this or any Template/File customizations, after that you will copy home.php from /responsive/ to /responsive-child-theme/

Open home.php and look for:

            <?php $options = get_option('responsive_theme_options'); ?>
            <?php if ($options['cta_button'] == 0): ?>     
            <div class="call-to-action">

            <?php $options = get_option('responsive_theme_options');
            // First let's check if headline was set
                if (!empty($options['cta_url']) && $options['cta_text']) {
                    echo '<a href="'.$options['cta_url'].'" class="blue button">'; 
                    echo $options['cta_text'];
                    echo '</a>';
            // If not display dummy headline for preview purposes
                  } else { 
                    echo '<a href="#nogo" class="blue button">'; 
                    echo __('Call to Action','responsive');
                    echo '</a>';
                  }
            ?>  
            
            </div><!-- end of .call-to-action -->
            <?php endif; ?>  

Looks for blue class and replace with the silver

For the menu you can copy the styles from

a.silver {
    background-color:#c0c0c0;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#c6c6c6), to(#c0c0c0));
    background-image:-webkit-linear-gradient(top, #c6c6c6, #c0c0c0);
    background-image:-moz-linear-gradient(top, #c6c6c6, #c0c0c0);
    background-image:-ms-linear-gradient(top, #c6c6c6, #c0c0c0);
    background-image:-o-linear-gradient(top, #c6c6c6, #c0c0c0);
    background-image:linear-gradient(top, #c6c6c6, #c0c0c0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c6c6c6, endColorstr=#c0c0c0);
    border:1px solid #9a9a9a;
    color:#fff;
    text-shadow:0 1px 0 #9a9a9a;
}

a.silver:hover {
    background-color:#c6c6c6;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#c6c6c6));
    background-image:-webkit-linear-gradient(top, #c0c0c0, #c6c6c6);
    background-image:-moz-linear-gradient(top, #c0c0c0, #c6c6c6);
    background-image:-ms-linear-gradient(top, #c0c0c0, #c6c6c6);
    background-image:-o-linear-gradient(top, #c0c0c0, #c6c6c6);
    background-image:linear-gradient(top, #c0c0c0, #c6c6c6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0c0c0, endColorstr=#c6c6c6);
    border:1px solid #9a9a9a;
    color:#fff;
    text-shadow:0 1px 0 #9a9a9a;
}

and add them to your .menu{}

Emil

Gradient is there, what you need is to do menu a:hover as well as current page items too.

Emil

CuriousCat wrote:

The URL is http://nikknaccs.com/sewpretty

It's still a working progess - I am trying to figure out things. 

Emil wrote:

What's the URL please?

Emil

Ok I figured the summary part - I set the summary in the WP settings. I'm trying to find the post where you explained how to put a picture with summary posts - I think it was someone from Canada.

I'll keep looking ......

CuriousCat wrote:

Hmmmmm .... I'm not understanding the term 'current page items'   

If I may please ask you this also - I am trying to set up a blog summary page and blog page, but somehow the templates show up blank. The only time I get to see my post on a page is when I choose the default template. How can I use the blog summary page?

Thanks, I know I ask a lot of questions.

Emil wrote:

Gradient is there, what you need is to do menu a:hover as well as current page items too.

Emil