WebSite X5Help Center

 
Henrik Hansen
Henrik Hansen
User

Overwrite HTML cellstyle?  en

Autor: Henrik Hansen
Visitado 2588, Seguidores 1, Compartilhado 0  

Hello Incomedia!

I would like to know if theres a possibility to overwrite the preset styles of the "HTML and Widget" object?

I have implemented a nice "fullscreen" slideshow.

See: http://webwawes.dk/Teknologier/fullscreen-slide.html

However, the object preset Cellstyles overrules my styles, and therefore the slideshow dosen't fit to the window. 

Is there any fix for this issue? Maybe some custom code that could overrule the cellstyle? 

Regards, Henrik

Publicado em
12 RESPOSTAS
Henrik Hansen
Henrik Hansen
User
Autor

I found out myself. It's the pcss that controls it. By deleting this css code, the slider works!

But I still need to know how to avoid the pcss when exporting the page again?

Can you please provide me of some code, that could avoid this exact file in the future?

Regards

Ler mais
Publicado em de Henrik Hansen
Incomedia
Claudio D.
Incomedia

Hello,

Could you please explain me what part of the css code you are speaking about?

You can write your own css code for the html widget when you go in the advanced menu.

Ler mais
Publicado em de Claudio D.
Henrik Hansen
Henrik Hansen
User
Autor

Hi!

When exporting the page, there's a folder named "pcss" - in this folder the css code for every page is stored. 

It this situation, I want to exclude the pcss from this page. How should I do that? 

Thank you! 

Henrik

Ler mais
Publicado em de Henrik Hansen
Incomedia
Claudio D.
Incomedia

Hello,

The best solution would be to edit the css file inside the pcss folder and delete only the style that ovverides your slideshow.

I would avoid to delete the whole file because there are some formatting settings of the project.

Ler mais
Publicado em de Claudio D.
Henrik Hansen
Henrik Hansen
User
Autor

Can this be done inside WSX5? So that you don't have to do it everytime you upload?

E.g. making a CSS code that overrules the pcss?

Thank you!

Ler mais
Publicado em de Henrik Hansen
Incomedia
Claudio D.
Incomedia

Hello,

you can add your own css code in the Widgets and HTML object. Open in the Menu 3 the added wigdet and open the tab "advanced".

Here add the css code for the slideshow. Don't forget to add the instruction !important after every css intruction so that these will override the default settings.

Ler mais
Publicado em de Claudio D.
Henrik Hansen
Henrik Hansen
User
Autor

Hello,

The !important tag dosen't overwrite the pcss. Please have a look: http://webwawes.dk/Teknologier/fullscreen-slide.html

The slider is about half way down the page.

This slider should adjust to the visitors screen width, but the pcss makes it fit to the body.

Any other ideas?

Regards

Ler mais
Publicado em de Henrik Hansen
Incomedia
Claudio D.
Incomedia

Hello Henrik,

Try to change the width of the website in the project in menu 1.

Make it bigger than the width of the slideshow.

Ler mais
Publicado em de Claudio D.
Henrik Hansen
Henrik Hansen
User
Autor

Hi

That didn't solve my problem. The page content got wired.

I found out that theese lines are overwriting the slieshow:

#imCell_3 { display: block; position: relative; overflow: hidden; width: 1400px; min-height: 500px; border-top: 0px solid transparent; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-right: 0px solid transparent;}


#imCellStyle_3 { position: relative; width: 1400px; min-height: 500px; padding: 0px 0px 0px 0px; text-align: left; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; z-index: 2;}


#imCellStyleGraphics_3 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: transparent;}

I changed the width manuelly, but then the slideshow aligns right, which is very strange, because when I delete the pcss, the slideshow works great.

Regards

Ler mais
Publicado em de Henrik Hansen
Incomedia
Claudio D.
Incomedia

Hello Henrik,

There is probably, inside the css file in the pcss folder, another line that overwrites the aspect of your slideshow.

If you have Chrome installed try to visit your website and press CTRL + SHIFT +  I to activate the developper function to see what part of css code is changing the aspect.

Hope this helps.

Ler mais
Publicado em de Claudio D.
Carlos R.
Carlos R.
User

Hi Henry, I see you have a problem also with the options and we have also other users, I am contacting you to see if between all we want to solve this problem we can do together, I have a few followers with the same problem that we've added your post to my comments and I will continue insitiendo until this problem is resolved, but we are in Spain there are many users of other nationalities who have this same problem, I've found you, but maybe you know more users with the problem, I hope I respond to this message.
Since I can not put comments in the post I think the problem with the options you leave here this comment.
A greeting.
Carlos R.

Ler mais
Publicado em de Carlos R.
Henrik Hansen
Henrik Hansen
User
Autor

Hello Carlos

Glad to hear I'm not the only one. But I found out that if you remove teh pcss code, the custom code works fine. So we need to set a function in the Webstie X5 that cuts the pcss. Can this be done with custom code, thats my question.

Regards,

Henrik

Ler mais
Publicado em de Henrik Hansen