Changing background colour behind site name/navbar

[John Bourke]

Hi,

The tutorials for Sleeky are very limited and the theme doesn’t appear to enable much customization without editing the sytlesheets. Can you please let me know where I can change the colour of the section highlighted in the attached image (I don’t even know what to call the space….the thing under the optional “top bar”.

Thanks,
John
02-02-201612-01-55.png

Attachments:

You must be logged in to view attached files.

[Binaya D]

Hi John,

Please use the following css to fix your issue:

#sleeky_header {
    background-color: #800;
}

NOTE: Please use the custom css plugin or child theme to write the css.

If you are using child theme, then please keep the css code in the style.css of child theme but if you are using the parent theme, then you can use this plugin to keep the css.

Thanks

[John Bourke]

Hi Binya,

Thanks – now I know you call it “header” I should be fine finding and making the changes. Understood about the child theme thanks already on it 🙂

Of it’s okay to ask a separate question on this thread, can you tell me what needs to be done to replace Sleeky’s FAQ with that from Flat Responsive (I prefer people to be able to read the questions quickly and “unhide” the answers than to have to scroll through a lot of questions).

Thanks again and bye for now,
John

[Sushil Adhikari]

Hi there,

It seems you want to add accordion for your FAQ custom post type. @SEE here https://jqueryui.com/accordion/
Here we are providing you a Html snippets, you need to adjust those data with FAQ custom post type.

   

	

		Section 1 Title Here
	
		

			Section 1 Content Here
		
	

		Section 2 Title Here
	
		

			Section 2 Content Here
		
	

		Section 3 Title Here
	
		

			Section 3 Content Here
		
	

		Section 4 Title Here
	
		

			Section 4 Content Here
		

Then you need to add this js some where in sleeky-pro/js/jquery.custom.js

  $(function() {
    $( "#sleeky-accordion-display" ).accordion();
  });

Note: If you’re not technically sound in WordPress, we suggest you to hire a developer. And plese use child theme to add your custom css, so your changes will not lost on theme update.

Please let us know if we are understanding you fully or if perhaps this is not what you meant.

We look forward to your response

Thanks

[John Bourke]

Hi Sushil,

Thanks for your reply. I want to have the FAQ page look and work like that in Flat Responsive (possibly with exception of font) so not just the accordion effect.

I’ve taken a look through the files replaced Sleeky’s” faq_shortcodes.php” with the equivalent file from Flat Responsive, which has made some of the necessary changes. I think the only remaining changes are the implement the accordion effect .

The html snippet you supply looks like html to use on a page. However, the FAQ isn’t a regular page so I’m not sure where I find the file to make the changes. The faq.php (custom posts) file is the same in both cases.

Any help point me in the right direction would be great thanks!

Bye for now,
John

PS I don’t know PHP or Javascript and my html is rusty but I’ve experience coding and know to use a child theme and keep backup files so I should be able to manage these changes if I know where to make them

[Sushil Adhikari]

Hi John Bourke, The snippet given above is just static HTML, you need to make them dynamic. To adjust this html to faq custom post type you need to customize faq_shortcodes.php templates formation with given html formatting. Here is simple example how we build FAQ to custom post type making customizing on faq_shortcodes.php templates:

 '',
		), $atts);
		echo style_faq_render($faq['total']);
		}

function style_faq_render( $total) {
	$args1 = array(
		'posts_per_page'   => $total,	
		'category'         => '',
		'category_name'    => '',
		'orderby'          => 'post_date',
		'order'            => 'DESC',
		'include'          => '',
		'exclude'          => '',
		'meta_key'         => '',
		'meta_value'       => '',
		'post_type'        => 'faq',
		'post_mime_type'   => '',
		'post_parent'      => '',
		'post_status'      => 'publish',
		'suppress_filters' =>  true );

	$my_posts = get_posts( $args1 ); 

	?>


		

					  
				

					
					
 
					
 

				
					
				
 	
		
	
	<?php wp_reset_postdata(); 

}

On sleeky-pro/js/jquery.custom.js file we added this script

$( "#sleeky-accordion-display" ).accordion({
      collapsible: true,
      active: false,
      heightStyle: "content"
    });

Note: 1> Please don’t rely completely on this example, its just sample to build accordion effect for your faq custom post type.
2> If you’re not technically sound in WordPress, we suggest you to take help from a developer.

Thanks

[Author]

Posts