Trying to replicate one of your demo page from BeEbook

RomainCH · April 7

Hello Beforum team 👋

I am trying my best to duplicate this page : https://themes.muffingroup.com/be/ebook4/

I tried to use the import fonction but I have a lot of missing features, sliding images sections, circle around text and a lot more. I don't get it, could you please let me know if there is a way for me to import everything as it is on the demo page ?

Thank you for your help.

Romain

Phil · April 8

Hi,

This demo uses Query Loops, and if you do not have a Post type on which it is based on then this QL will not show up.

https://www.youtube.com/watch?v=maE0FuFIhjQ&list=PLyfUqkbtW2kxq8AY0SivMxX7kf2H9Y-Wf

If you want to have the entire layout precisely as in this pre-built website, you must import that demo.

Best regards

RomainCH · April 8

Hi,

Thank you for your answer, I just created a dev environment to check everything. I'll learn everything about query loop, but for exemple span class="ebook4-circle-highlight" can I have that kind of stuff on my side ? Doesn't seems to work

Phil · April 9

This part is a custom CSS code from that demo:

.ebook4-circle-highlight{ position:relative;    z-index: 1; }
.ebook4-circle-highlight:before{
   content: "";
 z-index: -1;
 top: -0.3em;
 left: -0.5em;
 border: 6px solid #FF6652;
 position: absolute;
 width: 100%;
 height: 1.3em;
 transform: rotate(-2deg);
 border-radius: 100%;
 padding: 0.8em 1.8em;
}

Such custom CSS are located in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Trying to replicate one of your demo page from BeEbook

Comments