BullGuard Antivirus Sale - 60% Off with openElement !
Forum Home Forum Home >

openElement

> openElement General Discussion
  New Posts New Posts RSS Feed - BSlider
  FAQ FAQ  Forum Search   Register Register  Login Login

BSlider

 Post Reply Post Reply Page  12>
Author
Message
deewebdev View Drop Down
Groupie
Groupie
Avatar

Joined: Mar 29 2019
Status: Offline
Points: 89
Post Options Post Options   Thanks (0) Thanks(0)   Quote deewebdev Quote  Post ReplyReply Direct Link To This Post Topic: BSlider
    Posted: Dec 08 2019 at 11:36am
Hello OE Forum:

I was given a solution for the background slider image
from Hobby01, which worked fantastic on my previous project.

I now have a new website/page (that is quite simple) but wanted to do the
same. Since this website/page is more responsive than my first project, I seem
to be having trouble with the placement of the background slider.

Every time I drag the element onto the page, it shows up underneath
the footer and not as a background.

The page itself has a "group of elements container" which takes up the whole
page and onto this is where I placed all the other objects, images, text, etc.

This is how I got the page to be somewhat responsive.

So I am wondering if this has to do with the fact that the background slider
is always showing up under the footer even though I might drag the element
to another part of the page.

Any help again will be greatly appreciated.

Thank you for your patience.
deewebdev
Dwight
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6194
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 09 2019 at 1:05am
Do you need a single image or a complete slider?
Back to Top
deewebdev View Drop Down
Groupie
Groupie
Avatar

Joined: Mar 29 2019
Status: Offline
Points: 89
Post Options Post Options   Thanks (0) Thanks(0)   Quote deewebdev Quote  Post ReplyReply Direct Link To This Post Posted: Dec 09 2019 at 11:39am
Hello Hobby01:

Sorry for the reply so late.

I did not see this message until now.

Yes, all I am interested in is 1 image that takes up the whole page
as a background image that does not move while I scroll up or down
the page with the elements that are on top.

I have converted the image to black and white in Photoshop
and then set its opacity to very light so that it does not get
in the way of all the other elements.

You had originally given me advice on how to obtain this
background slider by clicking on the more templates button
underneath the elements button which worked fabulously
on the previous website.

However, the previous website was not responsive but this
new site I created is pretty much responsive since I created
a container first, then placed all the other elements on there
which seemed to work.

Can the Group of Elements I created be the reason why this
background slider is always showing up underneath the header
only?

Thanks for your help once again!

Sincerely,
deewebdev

Dwight
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6194
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 09 2019 at 2:50pm
The following is a simple solution that does not display WYSIWYG on OE but works well 

  1. Open your lowest layer
  2. add a group of elements 
  3. Set it'properties as per the following images:




Edited by Hobby001 - Dec 10 2019 at 1:33pm
Back to Top
deewebdev View Drop Down
Groupie
Groupie
Avatar

Joined: Mar 29 2019
Status: Offline
Points: 89
Post Options Post Options   Thanks (0) Thanks(0)   Quote deewebdev Quote  Post ReplyReply Direct Link To This Post Posted: Dec 10 2019 at 8:54pm
Dwight
Back to Top
deewebdev View Drop Down
Groupie
Groupie
Avatar

Joined: Mar 29 2019
Status: Offline
Points: 89
Post Options Post Options   Thanks (0) Thanks(0)   Quote deewebdev Quote  Post ReplyReply Direct Link To This Post Posted: Dec 10 2019 at 8:56pm
Hello Hobby01:

Thank you for the information you provided me!

I did what you explained and the image comes up in the body
of the page.

OpenElement only allows me to insert the group of elements onto
the mid portion of the page or in the footer section.

Which is the lowest layer and how do I get to that?

I have provided a screen shot of this image to your email.

Regards,
deewebdev
Dwight
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6194
Post Options Post Options   Thanks (1) Thanks(1)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 10 2019 at 9:13pm
In the site explorer, you will see a folder named Layers.

In this folder you will find a base layer, open it, it will look like a page

Pout your element on this layer and save it.

Then, go to your page and attach the base layer as this page layer.  There is an icon for it that tells me that you are not using any layer on your page.

This is the process to use the same components on several pages. A standard menu will be created on a layer and attached to all the site pages.



Edited by Hobby001 - Dec 11 2019 at 12:45pm
Back to Top
digizar View Drop Down
Senior Member
Senior Member
Avatar

Joined: Dec 30 2015
Location: Germany Frankfu
Status: Offline
Points: 738
Post Options Post Options   Thanks (0) Thanks(0)   Quote digizar Quote  Post ReplyReply Direct Link To This Post Posted: Dec 10 2019 at 11:42pm
Originally posted by Hobby001 Hobby001 wrote:

This is the process to use the same components on several pages. A standard menu will be created on a layer and attached to all the site pages.
Check if > Select *inherit*, to obtain/carry the settings/dimensions of the BaseLayer to the affected page.
Properties ... Properties ... (Section ...) ... Main ... Size: inherit


Edited by digizar - Dec 10 2019 at 11:45pm
___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com
Back to Top
deewebdev View Drop Down
Groupie
Groupie
Avatar

Joined: Mar 29 2019
Status: Offline
Points: 89
Post Options Post Options   Thanks (0) Thanks(0)   Quote deewebdev Quote  Post ReplyReply Direct Link To This Post Posted: Dec 21 2019 at 6:46pm
Hello Hobby01

Did what you told me to do with Base layer and it works fine.

Here is the link to the site I so far created...

https://www.johnkdewey.com/

Thanks so much for all of your help.

As you can see, this is a very simple website but is very functional.

It does seem that the background slider has a slight delay in loading after
the webpage loads, but I can live with that.

If there is a setting somewhere to optimize the background slider, please
let me know.

Maybe there is a way to make the actual image "lighter" then re-save
so that it can load faster?

Regards,
deewebdev

Dwight
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6194
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Dec 21 2019 at 8:28pm
Sorry but I don't see any delay while loading your site
Back to Top
 Post Reply Post Reply Page  12>
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.078 seconds.