Home › Forums › WordPress Themes – Premium › Sleeky Pro › Changing background colour behind site name/navbar
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
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
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
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
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
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
With our premium themes, we offer access to site documentation, video tutorials and timely support. Even if you have just started on WordPress, our support staff have the patience to help you create appealing sites gracefully.
Company
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.To find out more, including how to control cookies, see here: Privacy Policy
© Copyright © 2023 Styled Themes. All Right Reserved.