Flip Box

Home Forums Gravida Support Flip Box

Tagged: 

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #85527
    Kor van de Bunt
    Participant
    • Topics: 29
    • Replies: 96
    • Total: 125
    Member since: June 3, 2015

    I only have to use 3 flip boxes instead of 4. I would like to center the 3. As it is right now the three are aligned to the left. How can I center align 3 flip boxes.

    http://www.mlbeauty.nl/home

    #85604
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23533
    • Total: 23533
    Member since: August 16, 2013

    Hi,

    Password was not working.

    Regards,
    Dave

    #85610
    Kor van de Bunt
    Participant
    • Topics: 29
    • Replies: 96
    • Total: 125
    Member since: June 3, 2015

    Hi,

    Now better.

    Regards,
    Kor

    #85683
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23533
    • Total: 23533
    Member since: August 16, 2013

    Hi,

    Still not working again. Kindly check and confirm.

    Regards,
    Dave

    #85750
    Kor van de Bunt
    Participant
    • Topics: 29
    • Replies: 96
    • Total: 125
    Member since: June 3, 2015

    i don’t understand this. i try again en het works

    #85859
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23533
    • Total: 23533
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

    .home_section4_content p {display: none;}
    .back p, .front p { display:block !important;}
    .flipcard { text-align:center !important;}

    Regards,
    Dave

    #85861
    Kor van de Bunt
    Participant
    • Topics: 29
    • Replies: 96
    • Total: 125
    Member since: June 3, 2015

    Ok done, but still not working again.

    Regards
    Kor

    #85862
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23533
    • Total: 23533
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

    Regards,
    Dave

    #85863
    Kor van de Bunt
    Participant
    • Topics: 29
    • Replies: 96
    • Total: 125
    Member since: June 3, 2015

    Hi, now it’s ok though:
    1 the width size of the boxes is different.
    2 the text is outside door box 3 How can I bijbox number 3 Top treatments bullets places with link to the page like in the Footer 3

    kind regards
    KorFlip box home page

    #85864
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23533
    • Total: 23533
    Member since: August 16, 2013

    Hi,

    Hi,

    Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

    Remove this code

    .home_section4_content p {display: none;}
    .back p, .front p { display:block !important;}
    .flipcard { text-align:center !important;}

    And add this new code there

    .home_section4_content p {display: none;}
    .back p, .front p { display:block !important;}
    .home4_section_area { text-align:center !important;}
    .flipcard, .flipcard .front, .flipcard .back { height:400px;}

    Regards,
    Dave

    #85868
    Kor van de Bunt
    Participant
    • Topics: 29
    • Replies: 96
    • Total: 125
    Member since: June 3, 2015

    hi,
    Better but:
    1. the text is outside door box;
    2 How can I make by box number 3 Top treatments bullets places with link to the page like in the Footer 3

    #85869
    Kor van de Bunt
    Participant
    • Topics: 29
    • Replies: 96
    • Total: 125
    Member since: June 3, 2015

    sorry the text is outside box number 2

    #85870
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23533
    • Total: 23533
    Member since: August 16, 2013

    Hi,

    Working fine.

    Have a look:
    https://imgur.com/a/mtQwy

    Regards,
    Dave

    #85876
    Kor van de Bunt
    Participant
    • Topics: 29
    • Replies: 96
    • Total: 125
    Member since: June 3, 2015

    Hi,
    thanks.

    Can you look also How can I make by box number 3 Top treatments bullets places with link to the page like in the Footer 3.

    Regards,
    Kor

    #85907
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23533
    • Total: 23533
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Editor >> style.css >> and scroll down bottom of the page and add code there.

    #footer .footercols4:nth-child(3) { position: relative;}
    #footer .footercols4:nth-child(3) a { position: relative; padding:0 0 0 20px;}
    #footer .footercols4:nth-child(3) a::after { position: absolute; content: ""; background: #fff; width: 6px; height: 6px; display: block; left: 0; top:4px; border-radius:100%;}

    Regards,
    Dave

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