slider-image-blurry-1024x320

My third post

2.1.3. Dropdown Headers

Adding a dropdown header (unclickable menu title that could be used to describe this sections) is very similar, add a new link with a URL of # and a Title Attribute of dropdown-header (it matches the Bootstrap CSS class so it’s easy to remember). set the Navigation Label to your header text and the class will do the rest.

bootstrap-dropdown-headers

2.1.4. Disabled Links

To set a disabled link simply add “disabled” to the Title Attribute and the theme will do the rest.

disabled WordPress menu

2.2 Font Awesome Icons

This theme also supports Font Awesome icons that you can add right before or after each menu item. Here is an example how it would look if you want to add cogs Font Awesome icons inside menu:

fonta wesome icons for sparkling

All Font Awesome icons you can find on their website.

3. Custom Background

Sparkling theme supports WordPress Custom Backgrounds feature.

  1. In WordPress dashboard go to Appearance -> Background.
  2. You can either set the image or solid color as background.
  3. You can see the background preview on the same setting page.
  4. Click Save Changes when you are satisfied with what you see.
  5. You can always reset theme default background.

4. Header Image (Logo Upload)

For custom header image and custom logo upload this theme uses WordPress Custom Header functionality which can be accessed via WordPress dashboard – Appearance – Header. Here is how it works:

  • Upload logo using already familiar WordPress Media Uploader or select image which is already uploaded.
  • Crop it (recommended cropped image size will be displayed in the square but you can feel free to modify it but you might “break” website layout in some cases).
  • Hit Crop and Publish button and you are ready to go.

Read More

slider-wallpaper-colorlib-1024x320

My second post

8. Recommended Image Sizes

Featured Image (Blog and Single Post) is set to 750 by 410 pixels. 
Featured Slider Images. Personally I use 1920 by 550 pixel images for Sparkling Demo but you can feel free to use any other image size. Images won’t be scaled and you will get what you upload.

Please note! Images for slider is not resized and are displayed the same size you uploaded them. Other images such as featured images for posts are resized automatically as you upload them.

9. How to set up Blog Page

Blog should be displayed by default on front page. If you have chosen to use Home Page as static like I have in Theme Demo you will have to setup blog page separately.

  1. Create a new Page and name it “Blog” or whatever you feel right.
  2. Go to Setting – Reading and select “A static page (select below)”
  3. Now select previously created Page as “Posts page:”

Read More

city-landscape-slider-1024x320

my first post

5. Setup Featured Slider For Homepage

Sparkling theme relies on Flexslider image slider which is built in into theme and no plugin is required.

  • Slider Settings are located in Theme Options – Main
  • To enable slider tick checkbox and you will see that two no options will appear “Slider Category” and “Number of slider items”
  • Select category from dropdown to use for slider
  • Now select number of slides to be used in slider (newest Posts from that category will be used)
  • Make sure you have Featured Images uploaded and added for those Posts.

6. Customization

There are several customizations available for this theme via Appearance – Theme Options. You can change elements color, link color, header menu style, footer color, social link color and many other aspects. If you feel that you can’t do something via web interface, please notify us via Support Forum.

Read More