WebSite X5Help Center

 
Mandar V.
Mandar V.
User

How to set overlap buttons?  en

Author: Mandar V.
Visited 391, Followers 2, Shared 0  

Hello WX5 masters,

Need your guidance. I want to know how to set buttons overlapped on the banner image? Screenshot attached for your kind consideration. 

Regards

Posted on the
13 ANSWERS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ES

...if you post the LINK we could make an evaluation on what you did by applying a possible EXTRA code...bye, ciao...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

If the object(s) should extend into the background image, then insert the "Simple Separator" object (height e.g. 400) in the grid above and the desired object below that should overlap the background image.

With line style, the two objects are connected and given the background image.

An example can be seen on my test page, see

>> https://findelinks.de/123test-aufklappmenue-2/objekt-halb-ueber-hintergrund.html

The screenshots below show the structure in the grid and the settings for “Line Style”.

If something else is meant, then describe it in more detail so that we can see whether it can be done with WebSiteX5 alone or whether CSS code is required.

-----

-----

Read more
Posted on the from Daniel W.
Mandar V.
Mandar V.
User
Author

Thank you dear friends KolAsim & Daniel W

Let me try as per your suggestions. 

Regards

Mandar Vaidya

Read more
Posted on the from Mandar V.
Mandar V.
Mandar V.
User
Author

Dear Daniel W.

I'm trying but it is appearing like the screenshot below. I am expecting that upper half portion of the button should overlap the image and lower half portion should be outside (bekow) the image. 

Please guide.

Read more
Posted on the from Mandar V.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Here are the instructions with CSS code and 4 screenshots

  1. In the grid there is a “Simple Separator” object above and below the two “Button” objects.

  2. The background image is set in the line style, see screenshot (4)

  3. The CSS code ensures that the buttons partially extend downwards over the background image.

.

----- CSS code -----

For the Objects "Button":

     position: relative; top: 100px;

----- Screenshot (1) Preview -----

----- (2) -----

----- (3) -----

----- (4) -----

Read more
Posted on the from Daniel W.
Mandar V.
Mandar V.
User
Author

I'm sorry, but I don't have the 'Code' option which you have shown in the screenshot.

Regards

Read more
Posted on the from Mandar V.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

If you were to post the link to the page with the 2 buttons, then other users could see what a CSS code should look like, which would then have to be inserted somewhere else in WebSiteX5.

Read more
Posted on the from Daniel W.
Mandar V.
Mandar V.
User
Author

Now facing a strange issue regarding browser on my PC and laptop. 

It is displaying a black screen and providing two options...

1. Update your browser 

2. Continue without updating 

If I click update your browser it goes to bestvpn.org/outdatedbrowser/ 

And if I click continue without updating nothing happens 

Website X5 is creating more problems day by day. I don't know how to handle it? 

Please help.

Read more
Posted on the from Mandar V.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

If necessary, download the browser from the original provider and reinstall it, see

  • Firefox > mozilla.org
  • Edge > microsoft.com
  • Chrome > google.com

Or wait and see whether other users or Incomedia employees have a solution. Since I use the current Windows and WebSite X5 versions myself, I can't say anything about the old versions.

Read more
Posted on the from Daniel W.
Mandar V.
Mandar V.
User
Author

Thanks Daniel W. 

I'm frustrated due to such issues. If you see my logins here, facing numerous issues.

And why don't incomedia people see it earlier? 

After struggling for couple of days they enter into the conversation like a hero of a movie.

Read more
Posted on the from Mandar V.
Incomedia
Elisa B.
Incomedia

Hi Mandar, 

as far as the issue with the browser is concerned, what browser are you using and what version is it, please?

Thanks!

Read more
Posted on the from Elisa B.
Mandar V.
Mandar V.
User
Author

Using Google Chrome updated version on Windows 10. 

Still facing the issue. 

Read more
Posted on the from Mandar V.
Incomedia
Elisa B.
Incomedia

Hi!

Do you confirm it is version 145.0.7632.76?

Thanks!

Read more
Posted on the from Elisa B.