Home › Forums › Air WordPress Theme › BM Text Slider on top of a background image for home page
- This topic has 9 replies, 2 voices, and was last updated 9 years, 7 months ago by
SeaTheme.
-
AuthorPosts
-
October 27, 2016 at 3:24 am #11264
jakemillerphoto
ParticipantPurchased
Warning: Undefined array key "apikey" in /www/wwwroot/seatheme.net/wp-content/themes/uiueux2017/admin/functions/functions-user.php on line 101
Dear Air builders. Can I get my text slider to float on top of this image?
Jake in Chicago
October 27, 2016 at 7:46 am #11269Hi, thank you for purchasing our theme
Your image wasn’t uploaded, please send it to uiueux@gmail.com
Cheers!
Bwsm – uiueux.com
October 27, 2016 at 5:32 pm #11275jakemillerphoto
ParticipantPurchased
Warning: Undefined array key "apikey" in /www/wwwroot/seatheme.net/wp-content/themes/uiueux2017/admin/functions/functions-user.php on line 101
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.
October 28, 2016 at 2:12 am #11276Did 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
October 30, 2016 at 8:12 pm #11294jakemillerphoto
ParticipantPurchased
Warning: Undefined array key "apikey" in /www/wwwroot/seatheme.net/wp-content/themes/uiueux2017/admin/functions/functions-user.php on line 101
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
October 31, 2016 at 2:23 am #11297Hi 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)
October 31, 2016 at 9:44 pm #11312jakemillerphoto
ParticipantPurchased
Warning: Undefined array key "apikey" in /www/wwwroot/seatheme.net/wp-content/themes/uiueux2017/admin/functions/functions-user.php on line 101
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 }October 31, 2016 at 10:45 pm #11313jakemillerphoto
ParticipantPurchased
Warning: Undefined array key "apikey" in /www/wwwroot/seatheme.net/wp-content/themes/uiueux2017/admin/functions/functions-user.php on line 101
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?November 1, 2016 at 3:49 am #11315I 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
2482in 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.November 1, 2016 at 4:15 am #11316Where 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.phpHow 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> -
AuthorPosts
- You must be logged in to reply to this topic.
