Home › Forums › All Other Themes › GIRLIE THEME – CSS CODE
- This topic has 20 replies, 2 voices, and was last updated 8 years, 6 months ago by Sonl Sinha.
-
AuthorPosts
-
May 2, 2016 at 9:20 am #32295
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
May 2, 2016 at 9:21 am #32296www.aduroaustralia.com.au
May 2, 2016 at 11:52 am #32312Hi 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,
BradMay 2, 2016 at 12:19 pm #32318Dear 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
May 2, 2016 at 12:38 pm #32321Hi 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,
BradMay 2, 2016 at 12:46 pm #32324Dear 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/
May 2, 2016 at 12:48 pm #32325do 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
May 2, 2016 at 12:56 pm #32326Didn’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,
BradMay 2, 2016 at 1:03 pm #32335Thanks Brad. how can i get an image to appear in each column please?
thank you
leone
May 2, 2016 at 1:19 pm #32341Its 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,
BradMay 2, 2016 at 1:39 pm #32355Thank you Brad that worked.
one final question please.
How can i add a video to the top slider or to the homepage?
thankyou
Leone
May 2, 2016 at 1:45 pm #32360Sorry 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
May 3, 2016 at 4:57 am #32415Hi Leone,
Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box
Add this code there:
.one_fourth{text-align:center;}
Regards,
BradMay 3, 2016 at 4:57 am #32416Hi Leone,
Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box
Add this code there:
.one_fourth{text-align:center;}
Regards,
BradMay 3, 2016 at 5:01 am #32418Thanks 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
-
AuthorPosts
- You must be logged in to reply to this topic.