GIRLIE THEME – CSS CODE

[Leone]

Hi guys

I have two questions please:

1. Adding 4 images across home page with a little text

Im trying to add 4 icons in format of 4 columns across the screen with a little bit of text about my company but can only do it so far using our products coding which isn’t what I’m looking for, how do i get rid of buy now boxes and get 4 images across screen.

2. Online products on homepage

I’ve uploaded my products onto home page. how can i get the three products to be on one line rather than one product falling below the others?

Thanks so much

Leone

[Leone]

www.aduroaustralia.com.au

[Sonnal S Sinha]

Hi Leone,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.prodbuy{display:none;}
#products-box{width:30% !important;}

Regards,
Brad

[Leone]

Dear Brad

Thank you for helping me with part 1, thats is fixed perfectly thank you.

Could you kindly advise how i can fix up the icons on the homepage (star, tick, thumb, globe) in section 4 of homepage, i would like to have the 4 icons going across the page evenly with the quick text beneath them. www.aduroaustralia.com.au.

its currently set up with this cssas i wasn’t sure how else to do it:

[ourproducts bgcolor=”#ffffff” textcolor=”#686868″ title=”Unique Product” icon=”http://www.aduroaustralia.com.au/wp-content/uploads/2016/05/star.png”] The Aduro LED mask is one of a kind with patented light therapy technology and design. [/ourproducts][ourproducts bgcolor=”#ffffff” textcolor=”#686868″ buy=”Buy Now” link=”http://aduroaustralia.com.au/store” title=”Unique Product” icon=”http://www.aduroaustralia.com.au/wp-content/uploads/2016/05/tick.png”] The Aduro LED mask is one of a kind with patented light therapy technology and design. [/ourproducts]

kindest regards

leone

[Sonnal S Sinha]

Hi Leone,

Kindly go to Appearance>>Theme Option>>Shortcodes

You will find the 4 column content shortcode there. Kindly use 4 column content shortcode instead of using product shortcode.

Regards,
Brad

[Leone]

Dear Brad

I tried this but i couldn’t get it to work how i wanted to see it. could you kindly advise what else i can do.

kind regards

leone/

[Leone]

do i post hyperlink of http:// image in the “animation” area to get the image to show up please? i couldn’t get this to work earlier.

thankyou

[Sonnal S Sinha]

Didn’t quite understand. Kindly use the 4 column shortcode given in appearance>theme options>shortcodes for the even 4 column you need. animation area you can keep blank its not image but animations like bounce, fade etc which you can place there.

Regards,
Brad

[Leone]

Thanks Brad. how can i get an image to appear in each column please?

thank you

leone

[Sonnal S Sinha]

Its should be like this

[column_content type="one_fourth"]
<img src="http://i0.wp.com/www.aduroaustralia.com.au/wp-content/uploads/2016/05/star.png">
<h3>Unique Product</h3>
The Aduro Aus LED mask is one of a kind with patented light therapy technology and design.
[/column_content]

[column_content type="one_fourth"]
 Column 2 Content goes here...
[/column_content]

[column_content type="one_fourth"]
 Column 3 Content goes here...
[/column_content]

[column_content type="one_fourth_last"]
 Column 4 Content goes here...
[/column_content]

Regards,
Brad

[Leone]

Thank you Brad that worked.

one final question please.

How can i add a video to the top slider or to the homepage?

thankyou

Leone

[Leone]

Sorry Brad, i just centred the 4 column information and the text centred but the images didn’t, they stayed left align. How can i centre align the images as well as the text?

Thank you

[Sonnal S Sinha]

Hi Leone,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.one_fourth{text-align:center;}

Regards,
Brad

[Sonnal S Sinha]

Hi Leone,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.one_fourth{text-align:center;}

Regards,
Brad

[Leone]

Thanks so much brad thats perfect and worked 😀

one final question please.

How can i add a video to the top slider or to the homepage?

thankyou

Leone

[Author]

Posts