Flip Box

[Kor van de Bunt]

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.

www.mlbeauty.nl/home

[Sonl Sinha]

Hi,

Password was not working.

Regards,
Dave

[Kor van de Bunt]

Hi,

Now better.

Regards,
Kor

[Sonl Sinha]

Hi,

Still not working again. Kindly check and confirm.

Regards,
Dave

[Kor van de Bunt]

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

[Sonl Sinha]

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

[Kor van de Bunt]

Ok done, but still not working again.

Regards
Kor

[Sonl Sinha]

Hi,

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

Regards,
Dave

[Kor van de Bunt]

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
Kor

[Sonl Sinha]

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

[Kor van de Bunt]

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

[Kor van de Bunt]

sorry the text is outside box number 2

[Sonl Sinha]

Hi,

Working fine.

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

Regards,
Dave

[Kor van de Bunt]

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

[Sonl Sinha]

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

[Author]

Posts