Overwrite HTML cellstyle?
Author: Henrik Hansen
Visited 2608,
Followers 1,
Shared 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
Posted on the
Author
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
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.
Author
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
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.
Author
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!
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.
Author
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
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.
Author
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
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.
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.
Author
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