Content and Slider [Be|Event]

renz54 · August 2014

Hi,

In your demo (Be Event) you have a slider with full width, but the content has still the "boxed" look (white box with the content). This white box rises into the slider of your slides from revolution slider.

How have you done this? A slider with full width and boxed content that overlap with the slides. Thats what I want!

My second question is the portoflio of "Be Design". I tried to create a portfolio and displayed it with the shortcode from content builder. I tried different settings but no look. It doesnt look the way you show in ýou demo of "Be Desing".

Best regards

renz54

Albert · August 2014

Hey,

1) For this page we did some tricks that may be not easy for new users

We have created slider as all other sliders, then content using Muffin Builder and to make this effect we used some custom css, like below:

#Header_wrapper {
    background-color: #fff}

#Wrapper { background-color: #fff; }

.icon_box .desc_wrapper h4 { font-size: 24px; line-height: 24px; }

.fancy_heading_line { padding-bottom: 0px; background-image: none; } 

#Header .top_bar_left { background-color: rgba(255, 255, 255, 0.8); }

#Footer { background-color: #272727; }

@media only screen and (min-width: 768px) { 
    #main .section_wrapper { background: #fff; margin-top: -150px; position: relative; z-index: 30; }
    .fancy_heading_line .inside { padding: 0 150px; }
    .icon_box .desc_wrapper .desc { padding: 0 40px; }
}

@media only screen and (max-width: 768px) { 
    .tp-bullets { display: none; }
}

We recommend to use Appearance > BeTheme Demo Data section. Just go there, select Be|Event page and import it with only 1 click into your website. We this this will be the best and easiest way to created this page and then you can learn from it how this was done. But of course, slider must be imported as well. Slider is included into theme package but all info about slider import you can read on http://forum.muffingroup.com/betheme/discussion/15/how-to-import-revolution-slider-into-be-theme

2) For Be|Design page we used only "Portfolio" item with settings as on screenshot http://snag.gy/dCNaJ.jpg Also for section we setup some settings like "Full width" layout what you can see on http://snag.gy/ORHM6.jpg

Hope above answers will help you a lot

renz54 · September 2014

Hi, this worked perfectly,

but with the update to Betheme 4.2 all changes are lost. In custom css-field they are still there. But it doesnt look like i wrote above anymore.

Did you some class/id-changes with your new version of betheme, that the css you wrote above doesn´t work?

I´m confuesd to this point now.

Albert · September 2014

No, we did not changed anything. If something wrong happened, it means you did something wrong because update have nothing to database. So we have no idea what exactly happened in your case. Sorry!

renz54 · September 2014

In your demo Be Event it now looks similar to the problem i described. A few days before it looked like here http://demowebseite.sic-sales.de/event/ .

After update this change (that the content overlaps with slider) is lost. In your Be Event demo too.

I´m sure that you did some changes with new Version of BeTheme 4.2 that explain this problem.

With ids or classes i did not mean database. I meant classes or ids of css-files.

But anyway.. Our company needs the style with the link above. The imported demo i showed you above was with BeTheme 3.8. Maybe it will help you.

Albert · September 2014

Ok, you're right. Our styles were cached and that`s why we did not saw that. We already found the problem. It is z-index. In above code, you have z-index: 20 and please change this value to 30 and all will be fine as before.

renz54 · September 2014

Yes it looks fine now. Thank you!

Only the menu doenst work corectly like i wrote in this post http://forum.muffingroup.com/betheme/discussion/1055/issue-with-menu

Content and Slider [Be|Event]

Comments