BM Text Slider on top of a background image for home page

[jakemillerphoto]

http://friendsfirstphoto.com

Dear Air builders. Can I get my text slider to float on top of this image?

Jake in Chicago

[SeaTheme]

Hi, thank you for purchasing our theme

Your image wasn’t uploaded, please send it to uiueux@gmail.com

Cheers!
Bwsm – uiueux.com

[jakemillerphoto]

Can you provide an example of how you would make the welcome page / home page show the text slider you have on your demo AND a single image? – Thank you.

[SeaTheme]

Did you want this layout (see screenshot), there is not feature in the AIR theme. You could use custom css(Appearance / Theme Options / Custom Css):

.top-slider.top-slider-text { 
background-image: url(http://friendsfirstphoto.com/wp-content/uploads/2016/10/jessscott-w-6.jpg); background-size: cover;background-repeat: no-repeat; background-position: 50% 50%;
}

FW: you could change the image by url

[jakemillerphoto]

Hello folks,

So I’ve played quite a bit with the theme and your CSS suggestion but it’s not having the effect I’d like to accomplish. Firstly, I just want the background image to be on the home page and no where else so dropping it into a site wide CSS box would not work. Then I’d like it to cover 100% of the height & width of the browser window. When I go into the Home page builder and edit the wrap settings I am choosing Standard (Image Background) with Parallax of 1.0 and Overflow visible height auto and fit content to full width. Actually I’ve played with all these settings and none seems to accomplish the 100% height and width. Can you make a suggestion for me? I know with Visual Composer this would be easy but I think your site builder is your own version?

– Jake

http://friendsfirstphoto.com

[SeaTheme]

Hi Jake,

Firstly, I just want the background image to be on the home page and no where else so dropping it into a site wide CSS box would not work.

If you want to add background image only for home page slider, update the custom css as:

body.home .top-slider.top-slider-text { background-image: url(http://friendsfirstphoto.com/wp-content/uploads/2016/10/jessscott-w-6.jpg); background-size: cover;background-repeat: no-repeat; background-position: 50% 50%;
}

If you want to add it for another page, change the page id like:
body.page-id-2482 .top-slider.top-slider-text { xxxx }

page builder and edit the wrap settings I am choosing Standard (Image Background) with Parallax of 1.0 and Overflow visible height auto and fit content to full width. Actually I’ve played with all these settings and none seems to accomplish the 100% height and width.

Please try to change the Parallax as 0.1
FW: The BM slider(text slider) can’t be insert in a fullwidth wrap.

The BM Pagebuulder Plugin is developed by our team (it is not Visual Composer)

[jakemillerphoto]

I am sorry but I don’t understand your suggestion please explain a bit more verbose so I can implement.

If you want to add it for another page, change the page id like:
body.page-id-2482 .top-slider.top-slider-text { xxxx }

[jakemillerphoto]

Where do I go to remove team_item from this screen? It’s not in page builder.
How do I remove the labels for this team member. I don’t need to say “position” and “email address” people know what that is. And how do I make these items clickable?

[SeaTheme]

I am sorry but I don’t understand your suggestion please explain a bit more verbose so I can implement.

If you want to add it for another page, change the page id like:

body.page-id-2482 .top-slider.top-slider-text {background-image: url(http://friendsfirstphoto.com/wp-content/uploads/2016/10/jessscott-w-6.jpg); background-size: cover;background-repeat: no-repeat; background-position: 50% 50%;
}

There is the id number 2482 in this code, it is unique ID of the page which you want to set on background image of top slider. The background image only works for this page.

(how to find the page id)

[SeaTheme]

Where do I go to remove team_item from this screen?

It is a bug, we’ll fix it next update. The quick fix:
– download interface-template.php.zip, unzip it
– login FTP, go to: themes/air-theme/functions/interface/
– upload / replace: interface-template.php

How do I remove the labels for this team member. I don’t need to say “position” and “email address” people know what that is.

Please use custom css:
body.single-team_item .gallery-info-property-tit { display:none; }

And how do I make these items clickable?

They don’t support HTML code, you replace this file to support HTML:
– download type-team_item.php.zip, unzip it
– login FTP, go to: themes/air-theme/template/single/
– upload / replace: type-team_item.php
use the HTML code(clickable) like
<a href="mailto:xxx@xxx.com">xxx@xxx.com</a>
<a href="https://seatheme.net/">Designer of UIUEUX</a>

[Author]

Posts