Form css conflict
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
Hello,
The reservation form I use is included with the template. I changed my template. I put Gantry 5 Hydrogen. But now the Module Class Suffix no longer applies to the form. There must be a conflict with Gantry 5 Hydrogen.
Thank you for your help
Kind Regards
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
By posting in the martketplace you are asking for PAID support from someone - I don't think that was you intention so I've moved this post to the Gantry 5 forum.
What module class is not working please?
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
Hello,
Excuse me for the bad place of the subject.
Here on the website officially online with the original template how the form appears.
See copy of the screen form configuration.
Thank you for your help.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
The "color2" class is working ? So, what's the issue? What am I missing?
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
- For the background color of the form, I was in the stylesheet to change it. Else is different. The title and the bottom button is not in black. The writing is not white. The bottom button is not well proportioned. (See screen copy)
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
But these are all things you can restyle with custom CSS. This is a third-party component and it's now inheriting the styling from the template. There is no conflict and the module class is working it's just that for things like color it's not setting a value and therefore inherits from the template body text color. So, if you want to change these things then you will have to write custom CSS to change the styling. Wholesale restyling of a third-party component is not something we can undertake for you within the scope of this forum. Have a go at restyling the elements yourself using firebug (or any other developer tool) if you get stuck on one or two we can help out of course but we don't provide support for third-party components.
I also just get "503 service unavailable" now on your site anyway.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
I have 3 things I would like to correct but I can not do for several days:
- I want to know how to put the background of one color
- Text in white
- The button with a black background and white text, and a space below bigger (red)
See screenshot
Thank you for your help
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Use this code...
.itemid-101 #g-slideshow > .g-container > .g-grid > .g-block .g-content .platform-content { background-color: #FF4000; color: white; } .vrcdivsearchmodule .vrcsfentrysubmit .vrcsearch { background-color: black; padding: 15px; border-radius: 5px; } .vrcdivsearchmodule .vrcsfentrycont .vrcsfentrydate .hasDatepicker { color: black; } .vrcdivsearch select { appearance: none; -moz-appearance: none; -webkit-appearance: none; min-width: 50px; } .color2 .g-title { color: white; }
To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .
Remember to recompile CSS from base outline too.
New questions = new topics now please to be fair to other members.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
Great thanks a lot !
Just one last detail: is it possible to detach it from the menu bar and go down and align the text like this.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
We can't do all of you customisation for you. Please invest a little time in learning to use Firebug or one of the other developer tools - it's really worth the effort because it will save you a lot of time.
Change this:
.itemid-101 #g-slideshow > .g-container > .g-grid > .g-block .g-content .platform-content { background-color: #ff4000; color: white; }
to this:.itemid-101 #g-slideshow > .g-container > .g-grid > .g-block .g-content .platform-content:first-child .moduletable { background-color: #ff4000; color: white; margin-top: 5px; padding: 5px; }
New questions = new topics now please to be fair to other members.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.371 seconds