GIRLIE THEME – CSS CODE

Home Forums All Other Themes GIRLIE THEME – CSS CODE

Viewing 15 posts - 1 through 15 (of 21 total)
  • Author
    Posts
  • #32295
    LeoneLeone
    Member
    • Topics: 14
    • Replies: 19
    • Total: 33
    Member since: February 5, 2016

    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

    #32296
    LeoneLeone
    Member
    • Topics: 14
    • Replies: 19
    • Total: 33
    Member since: February 5, 2016

    www.aduroaustralia.com.au

    #32312
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31029
    • Total: 31029
    Member since: August 16, 2013

    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

    #32318
    LeoneLeone
    Member
    • Topics: 14
    • Replies: 19
    • Total: 33
    Member since: February 5, 2016

    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

    #32321
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31029
    • Total: 31029
    Member since: August 16, 2013

    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

    #32324
    LeoneLeone
    Member
    • Topics: 14
    • Replies: 19
    • Total: 33
    Member since: February 5, 2016

    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/

    #32325
    LeoneLeone
    Member
    • Topics: 14
    • Replies: 19
    • Total: 33
    Member since: February 5, 2016

    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

    #32326
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31029
    • Total: 31029
    Member since: August 16, 2013

    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

    #32335
    LeoneLeone
    Member
    • Topics: 14
    • Replies: 19
    • Total: 33
    Member since: February 5, 2016

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

    thank you

    leone

    #32341
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31029
    • Total: 31029
    Member since: August 16, 2013

    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

    #32355
    LeoneLeone
    Member
    • Topics: 14
    • Replies: 19
    • Total: 33
    Member since: February 5, 2016

    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

    #32360
    LeoneLeone
    Member
    • Topics: 14
    • Replies: 19
    • Total: 33
    Member since: February 5, 2016

    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

    #32415
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31029
    • Total: 31029
    Member since: August 16, 2013

    Hi Leone,

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

    Add this code there:

    .one_fourth{text-align:center;}

    Regards,
    Brad

    #32416
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31029
    • Total: 31029
    Member since: August 16, 2013

    Hi Leone,

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

    Add this code there:

    .one_fourth{text-align:center;}

    Regards,
    Brad

    #32418
    LeoneLeone
    Member
    • Topics: 14
    • Replies: 19
    • Total: 33
    Member since: February 5, 2016

    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

Viewing 15 posts - 1 through 15 (of 21 total)
  • You must be logged in to reply to this topic.