Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Lightbox Contact form and SpPagebuilder 3.1 conflict ???

Featured Lock Resolved Issue
Hello support team,
I have installed lightbox template (quickstart).
After having all the updates, except the sppagebuilder, the site works normally.
When updating pagebuilder 3.1 I have noticed a problem with the contact form.

See before:
Screenshot_pagebuilder 2.54.jpg

and after:
Screenshot_pagebuilder 3.1.jpg

It is white letters on white background...

The live site I have is http://www.corfudiveclub.com and works with 2.54 but I want to upgrade for the client to work with frontpage editor (which is really great by the way :) :) )

I have also tried just to install quickstart and do all the updates (without any data from my side) and it has the same result.

And one more favour if I may ask...
Is there a hint you can give me, to put the logo on the left of the menu line, while scrolling down ???

Thank you for your support,
Nicolas

Attachments (2)

  • Screenshot_pagebuilder 2.54.jpg
    Screenshot_pagebuilder 2.54.jpg 131.9 KB
  • Screenshot_pagebuilder 3.1.jpg
    Screenshot_pagebuilder 3.1.jpg 130.6 KB

10 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi, I have checked your site but, no white background found in input filed. Thanks

Nicolas Pagiatis

More than a month ago #Permalink
Hi, I have checked your site but, no white background found in input filed. Thanks


Unfortunately my friend,
you did not read my message.

The live site has sppagebuilder version 2.54 IF I update to 3.1 it will be as I describe.
You can check it yourselves. It does the same if you install quickstart and do the updates.

Check again my message please.
Thank you

Toufiq - Staff

More than a month ago #Permalink
Hi, Did you update the template Lightbox latest version? Thanks

Nicolas Pagiatis

More than a month ago #Permalink
Hi, Did you update the template Lightbox latest version? Thanks

I also updated SPPagebuilder to 3.1
Now even the live site is defective
I send you PM with the password, you can check for yourself.

thanks

Toufiq - Staff

More than a month ago #Permalink
Hi,

Please check now. I have added this css code.


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
display: block;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
background-color: transparent !important;
background-image: none !important;
border: 1px solid #5d5d5d !important;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
border: 1px solid rgba(255,255,255,0.2);
width: 100%;
background: transparent;
border-radius: 0 !important;
height: 48px !important;
box-shadow: none;
color: #fff !important;
padding: 0 0 0 20px;
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
border-color: #00bfff !important;
-webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7;
}


-Thanks

Nicolas Pagiatis

More than a month ago #Permalink
Thanks a lot for your assistance.

Toufiq - Staff

More than a month ago #Permalink
Thanks a lot for your assistance.



Hi, You are most welcome & Thanks

mohamed

More than a month ago #Permalink
Hi,

Please check now. I have added this css code.


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
display: block;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
background-color: transparent !important;
background-image: none !important;
border: 1px solid #5d5d5d !important;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
border: 1px solid rgba(255,255,255,0.2);
width: 100%;
background: transparent;
border-radius: 0 !important;
height: 48px !important;
box-shadow: none;
color: #fff !important;
padding: 0 0 0 20px;
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
border-color: #00bfff !important;
-webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7;
}


-Thanks

Hi
Where should I add this lines?

Nicolas Pagiatis

More than a month ago #Permalink
In custom.css

Toufiq - Staff

More than a month ago #Permalink
Hi,

Please check now. I have added this css code.


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
display: block;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
background-color: transparent !important;
background-image: none !important;
border: 1px solid #5d5d5d !important;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
border: 1px solid rgba(255,255,255,0.2);
width: 100%;
background: transparent;
border-radius: 0 !important;
height: 48px !important;
box-shadow: none;
color: #fff !important;
padding: 0 0 0 20px;
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
border-color: #00bfff !important;
-webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7;
}


-Thanks

Hi
Where should I add this lines?


Hi, You should add this css code inside custom.css file. Thanks


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 124
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 118
Toufiq

Toufiq

Total Accepted Answers: 58
Pavel

Pavel

Total Accepted Answers: 5
Peter Atkin

Peter Atkin

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us