[Paul T]

I am experimenting with a new look to my site. My experiment site is test4.franciscanfriars.

I am randomizing header images… it is nice… but I’d like to have a slider widget as the header image.

I built a slider widget on a page called “test header” that you can look at if you like. is there a way to use this widget as the header image so that the image changes as people look at the page?

thanks

[Mahesh]

@friarpaul: For that you can use any slider widget plugin from https://wordpress.org/plugins/ and then use that widget in Header Right Sidebar area. Let me know if any problem.

Regards,
Mahesh

[Paul T]

Yes this works…. but I was leaning towards having the header images above the site title text.. doing it this way (header right) makes the header text display above the images… anyway to have images above the header text???

Forgive the many questions, I am still searching for the right look for my newer improved website yet to be published…

[Mahesh]

@friarpaul: For this you’ll need to create a child theme. You can find more details on creating child theme HERE. Then in your child theme’s functions.php add the following codes.

add_action('init', 'catchbase_child_move_header_right_sidebar_above_site_title');
function catchbase_child_move_header_right_sidebar_above_site_title() {
	remove_action( 'catchbase_header', 'catchbase_site_branding', 40 );
	remove_action( 'catchbase_header', 'catchbase_header_right', 50 );
	add_action( 'catchbase_header', 'catchbase_header_right', 40 );
	add_action( 'catchbase_header', 'catchbase_site_branding', 50 );
}

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

.sidebar-header-right, .sidebar-header-right .widget-wrap {
    float: none;
}

Regards,
Mahesh

[Author]

Posts