Shortcoddes and Widget Styles

Hi Everyone

I'm new to GavickPro WP themes and looked through the documentation for the CloudHost theme but I cannot find any list of shortcodes with examples of what they do nor can I find how to apply styles to the widgets. Would be greatly appreciated if someone can direct me to find how to configure these things.

Thanking you in advance
Sharlene

Hi,

Did you check the configuration page for CloudHost?
http://www.gavick.com/documentation/wor ... uration-2/
in widget settings there'e configuration of all widgets with widget styles, how to use widget styles (and widget rules) you can find here:
http://www.gavick.com/documentation/wor ... get-rules/

A lot of informations can be also found in the demo website:
http://www.gavick.com/demo/wordpress/cloudhost/

e.g. shortcodes for typography:
http://www.gavick.com/demo/wordpress/cl ... age_id=994

frontpage elements:
http://www.gavick.com/demo/wordpress/cl ... age_id=899

custom pages:
http://www.gavick.com/demo/wordpress/cl ... ge_id=1123

If you'll have any other issues/doubts feel free to ask.

Thank you Piotr .. this link http://www.gavick.com/demo/wordpress/cl ... age_id=899 I did not find and it looks more useful so thanks for sending it

I did see the widget rules when I was trying to set up my theme and wanted to use the Clear style like the demo but it is not there as an option. I will read everything again and see if I can figure it out.

Cheers
Sharlene

Where exactly this style is used? If you can't find it on the list from widget rules, you can always choose custom CSS class and type "clear" in the field above.

How do I change the 'Live Chat' in the topbar are to be a Search form and remove the "Log out" button?
Also how do I remove the background image on the homepage. I went to theme settings and selected solid background but nothing happened.

Thanks for any help you can give.
sharlene

Dont worry about the background image... i found where to do that
Instead can you please tell me how to change the color of the price table in the homepage sample data.
thanking you
S

Hi,

You can change/remove live chat in text widget on the Top Bar widget area, then you can add search widget to this area. Login link you can disable in CLoudHost - > Template Options -> Features tab.

Regarding the price table, you have to use override.css file (first enable this option from Template Options -> Advanced tab), then you have to inspect elements and change the colors, please check this article:
http://www.gavick.com/documentation/joo ... -size-etc/

e.g. add this code to change first table background:

Code: Select all

.gk-color-price-table dl {
   background: #aaa;
}

Thank you Poitr

This is the code in the top bar text widget:

Code: Select all

<div class="custom">
<span class="gkinfo"><i class="icon-phone"></i>
 Contact Support | 1300 444 6666
</span>
<span class="gkinfo"><i class="icon-search"></i> <a href="#live-chat">
Live Chat
</a></span>   
</div>


I removed the live chat code from this text widget then I dragged the Search widget to the top bar area so I have a Text Widget followed by the Search Widget but the Search did not appear on the site. Do I need to put code into the Text Widget for the Search to replace the Chat? If so, what code do I use?

Also, when I changed the background to "light" to remove the background image, It also changed the footer to white but I want the footer it to remain black like the demo. I tried using 'dark' in the widget rules but it did not give the black footer in full width like the demo.

Thanks
Sharlene

ScreenHunter_02 Mar. 17 14.06.jpg

I have enabled the Override CSS on the Advanced Tab of the Theme but as you can see from the attached image, there is no option to place the css code like the doco says I can

Code: Select all

http://www.gavick.com/documentation/joomla-templates/customizing-joomla-template/how-to-add-custom-css-to-joomla-template/

Is there something else I need to do to enable this option?

Regarding search widget and black footer, i need to check your website. (could you provide an URL here or via PM?). I'm sorry i gave your wrong link, here's the proper one:
http://www.gavick.com/documentation/joo ... -size-etc/
it's from Joomla version, but show how to use Firebug to inspect and change elements on your website.

If you enabled this override otpion from Advanced tab, you should add your css into CloudHost/css/override.css file (use FTP client).

This is the url: http://development.fourier.com.au/f2/

Could you also send me a PM with backend access to your website?

Hi Piotr
You can access the WP backend with following details:
Username: Piotr
Password; *****
Thanks
Sharlene

I've edited your post, please don't write passwords here, it's public forum so it's not secure. Please change the password and send me private message with new password.

How do you change it to a private message? I cannot see an option...

Under my avatar, there's a link "Private Message", click it and write new message.

Hi Piotr

I've added the Search widget into the Top Bar area. I've tried to find the css to make the search field smaller so it sits neatly centered in the top bar and I also want the search field to be seen AFTER the search Icon. Can you please assist me with this.

http://development.fourier.com.au/f2/

As well as this, the search widget is showing only on the homepage and should be visible on all pages.

Thanking you again.

Sharlene

Hi,

I see 2 search inputs in your top bar area and strange invalid inline css code,

Code: Select all

<style="#gk-top-bar .box="" float:="" right;"="">

Regarding the widget displaying on all pages, please use Widget Rules and set to visible at: All pages.

Could you send me a PM with backend access? I'll check it exactly.