Customisation

[Rama Devi]

Good Morning Bill, below are a few general questions. We are launching our Website the coming Monday. So I will have to finish it as soon as possible. Most of it is finished expect for a few minor finishing touches. So I might flood you with questions today & tomorrow. Thanks in advance for your patience 😀

1) How to add page title only for selected pages? I have disabled it earlier. However I will be requiring it in a few pages like Support, About us, etc

2) Please suggest plugins that will enable me to change Font Styles, Sizes & Colours in each page. I will be requiring 3-4 types of fonts & colours for different pages. It will be great if the plugin provides an option to change the font at the Page/ Product Description. You suggested me earlier to make changes in the Content section of the theme options. But any change I make there is getting displayed on all the inner pages

3) How to add a Photo Gallery ? We have many product images & wanna add them in our gallery section.

4) My navigation Bar is Transparent. Is it possible to add colour to it in few selected pages?

5) Have a look at the product page ” http://stenzer.in/product/link-bracelet/ “. I want to remove the text which is marked in the snapshot below. How to do this?

Thanks

Attachments:

1. 

   Sanp.jpg
   

[Bill Robbins]

Good Morning,

Let’s see if we can find answers for you.

1 & 4. You might use an old plugin called Art Direction (https://wordpress.org/plugins/art-direction/). It lets you add in styling on a per page/post basis. Once the plugin is activated, it’ll add a new box to your editor where you can enter CSS that applies to that page only. So what you’ll want to do is take out the style to hide your page title from your Custom CSS and add it with this plugin to only the pages where you want to hide the title.

For the menu bar, leave in the Custom CSS the snippet that sets it to be transparent. Then add this with Art Direction where you want to add a color:

#header.scroll-background,
body.standard #header,
body.blog #header,
body.archive #header,
body.error404 #header,
body.search #header {
	background-color: #ccc !important;
}

Just replace the #ccc with the color you’d like to use.

---

2. You can change font styles, sizes and colors in the toolbar of the WordPress editor when working with pages/posts/products. There is an icon on the right hand side of the visual editor that opens up the “kitchen sink” which has additional options.

If you need to change something outside of the area the editor covers, let me know specifically what you want to change. That will have to be done elsewhere.

3. There is a video on the home page of our support site that can show you how to create an image gallery.

5. You can take out the breadcrumbs:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   nav.woocommerce-breadcrumb {
   	display: none;
   }
   

3. Update your settings.

Take care,
Bill

[Rama Devi]

Bill, see the snapshots below. My editor has only the options. I dont have an option to change the font, style & even the Size. Its just giving me a limited number of choices. Please see the snapshots below

Attachments:

1. 

   Capture.jpg
   

2. 

   cp.jpg
   

[Bill Robbins]

The font styles are bold and italics. The color is the “A” with an underline next to a down arrow. The font types are is the drop down menu that starts with paragraph.

If you want a bit more, you can use https://wordpress.org/plugins/tinymce-advanced/

You can also add in Google fonts to the visual editor using a plugin like https://wordpress.org/plugins/google-font-manager/ . Use that sparingly. Not only does too many fonts look bad, but each one you add will take additional time for the site to load. It’s best to use no more than three fonts, including the ones you load with the theme per site.

[Author]

Posts