Changing background colour behind site name/navbar
Home › Forums › WordPress Themes – Premium › Sleeky Pro › Changing background colour behind site name/navbar
- This topic has 5 replies, 34 voices, and was last updated 7 years, 1 month ago by
Sushil Adhikari.
-
AuthorPosts
-
February 2, 2016 at 2:04 pm #16995
John Bourke
ParticipantHi,
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.pngAttachments:
You must be logged in to view attached files.February 3, 2016 at 8:23 am #22359Binaya D
ParticipantHi 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
February 3, 2016 at 1:30 pm #22361John Bourke
ParticipantHi 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,
JohnFebruary 4, 2016 at 7:47 am #22364Sushil Adhikari
ModeratorHi 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
February 4, 2016 at 10:24 pm #22366John Bourke
ParticipantHi 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,
JohnPS 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
February 5, 2016 at 10:32 am #16996Sushil Adhikari
ModeratorHi 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 ); ?>
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
-
AuthorPosts
- You must be logged in to reply to this topic.