[hhurst]

I have the catch responsive theme. I need to change the color – I know the color code but not the code for changing the color. In the dashboard appearance – customize – theme options section, I know to go to “custom CSS” but I don’t know the code for changing the color of the “promotion subheadline text” which is under the theme options section “promotion headline options.”
thank you!

[Mahesh]

Hi @[email protected],

Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

#promotion-message .section.left > p {
    color: #00ff00;
}

Note: Please change the hex value to desired color.

Regards,
Mahesh

[hhurst]

Thank you, Mahesh!
I want to do the same for some footer text and this is what I wrote but it does not work: #footer {
color: #6b3089 !important;}

Also, is it possible to add the log image to the footer? I’d like to do that in the far right corner of the footer.

thanks!

[Mahesh]

Hi @[email protected],

For changing footer text color, add the following CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box.

#site-generator {
    color: #6b3089;
}

For logo in the footer, you have to create a child theme, you can find detail about creating a child theme HERE. Then in child theme’s function.php, add the following codes.

function catchresponsive_child_footer_content() {
	//catchresponsive_flush_transients();
	if ( ( !$catchresponsive_footer_content = get_transient( 'catchresponsive_footer_content' ) ) ) {
		echo '<!-- refreshing cache -->';

		// get the data value from theme options
		$options	= catchresponsive_get_theme_options();

		$defaults 	= catchresponsive_get_default_theme_options();

		$search = array( '[the-year]', '[site-link]' );

        $replace = array( date( 'Y' ), '<a href="'. esc_url( home_url( '/' ) ) .'">'. esc_attr( get_bloginfo( 'name', 'display' ) ) . '</a>' );

        $options['footer_content'] = str_replace( $search, $replace, $options['footer_content'] );

		$footer_content 	= $options['footer_content'];

		if ( '' != $footer_content ) {
			$catchresponsive_footer_content .=  '
	    	<div id="site-generator">
	    		<div class="wrapper">
	    			<div id="footer-content" class="copyright">' . $footer_content . '
	    			<img class="float-right" src="' . esc_url( 'http://placehold.it/20x20' ) . '" />
	    			</div>
	    		</div><!-- .wrapper -->
			</div><!-- #site-generator -->';

	    	set_transient( 'catchresponsive_footer_content', $catchresponsive_footer_content, 86940 );
	    }
    }

    echo $catchresponsive_footer_content;
}

add_action( 'init' , 'catchresponsive_child_modify_footer' , 15 );
function catchresponsive_child_modify_footer() {
        remove_action( 'catchresponsive_footer', 'catchresponsive_footer_content', 100 );
		add_action( 'catchresponsive_footer', 'catchresponsive_child_footer_content', 100);
}

Note: Please replace “http://placehold.it/20×20” in img src in the above code with your desired logo url.

Then add the following CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box.

.float-right {
    float: right;
}

Regards,
Mahesh

[hhurst]

Thank you – I will try the child theme for log in footer.
But this color change for footer text did not work: #site-generator {
color: #6b3089;
}

[hhurst]

hi,

Thanks but this color change for footer text did not work: #site-generator {
color: #6b3089;
I wonder if its just a little thing to change in this code- it seems it often is!

thanks!

[Mahesh]

Hi @[email protected],

Please post in your site url.

Regards,
Mahesh

[hhurst]

http://www.mydreamlife.me

[hhurst]

By the way I was able to change the sub headline text color but the footer doesn’t seem to work yet.

[Mahesh]

Hi @[email protected],

The footer color is working fine, I think may you mean to change the color of the text “Discover Your Dreams at My Dream Life” in the footer widget. For this add the following CSS.

#text-3.widget.widget_text {
    color: #6b3089;
}

Let me know if this fixes your issue.

Regards,
Mahesh

[hhurst]

yeah! It worked!

thank you!

[Author]

Posts