flipbox pro positioning title at the bottom edge of the box - Forum | JoomShaper
Solved SP Page Builder

flipbox pro positioning title at the bottom edge of the box

Asked by Ursula Wörgötter-Wagner 8 months ago Last activity 8 months ago

Hello,
How can I position the title at the bottom of the box in Flipbox Pro from sp pagebuilder - current version? Furthermore, the background of the title should be one color and extend across the entire width. The background of the title should be approx. 50px high. The page is currently only local.
Thank you

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff

Hi Ursula,

until you are on localhost our support is limited (Support Policy rules).

Maybe at least:

  1. Make a screenshot, add arrows etc. then share link to that image.
  2. Export that page with those addons, zip it, and share link to file.

If you have 2nd working website, use it as host for files 1 and 2.

5 more replies

Ursula Wörgötter-Wagner Asked this

Thanks for your reply. I have now put the page online at http://www.gfx-design.at/cms.
I formatted the green bar with the title using the following code:
.sppb-flipbox-front-title {
background-color: #3fa535;
height: 50px;
margin-top: 230px;
padding-top: 7px;
}
Entered in page css - pagebuilder.
However, I want the green bar to span the entire width.

Ursula Wörgötter-Wagner Asked this

Thanks for your help. I've now managed to do it with this CSS instruction.

.sppb-flipbox-front-title {
  background-color: #3fa535;
margin-left: -50px;
  margin-right: -50px;
  margin-top: 230px;
  height: 50px;
  padding-top: 7px;

}
Paul Frankowski Senior Staff

with negative margin you have to be carreful on Mobile view (!)

Ursula Wörgötter-Wagner Asked this

Thanks for the information. I checked it on various mobile devices—it works.
What do you think would be a better solution?

Paul Frankowski Senior Staff

If works by now, its' OK. we can back to the topic after you will migrate site to hosting from localhost.

Log in to reply.