css on single page issue with a form plugin……….

Hi !!!!!!!!!!!!

I am having the same problem with a plugin as a gentleman had before………

I have pasted his conversation here below…….

My plugin author tells me that hb-custom-select applies some rules on all select tags and that this is an issue for the plugin which is a form……….

He suggests that I disable the plugin……….not an option, but I see that you can help me out with this from the above conversation !!!!!!!!!!

I would be happy to send you my your FTP login info !!!!!!!!!!

I look forward to hearing from you !!!!!!!!

Thanx !!!!!!!!!!
Mark

Markdmdstar
JANUARY 6, 2015 AT 3:56 PM #22365
I am trying to see if I can get whmcs-bridge plugin to work with Highend theme. It’s working well, with the exception of forms. The Highend CSS is overpowering the WHMCS template’s CSS and making forms look weird. The main problem child is hb-custom-select.

I can do per-page custom CSS through Visual Composer, and I was wondering if there’s any way I can tell it to ignore the form CSS on that particular page. From what I know about css, this doesn’t sound like it could work, but thought it was worth asking anyway.

Thanks.

REPLY

Posts: 6477

HB Staff
HB-Themes
JANUARY 6, 2015 AT 4:07 PM #22368
Hello,

Is the dropdown (select) element the only one looking weird?
In scripts > jquery.custom.js there is a script that wraps select elements with additional div.

If you are not familiar with Javascript and CSS editing, please send me your FTP login info in private reply and I will help you with that.

Regards,
HB-Themes Support Team

REPLY

Posts: 19

dmdstar
JANUARY 7, 2015 AT 7:26 AM #22517
So far, it looks like that is the only field causing a major issue.

I am comfortable editing as long as I know what I’m looking for.

I’ve attached an image of how it looks (attachment 1). Fields are set to a certain width, but the wrap stays full width. I was hoping it could be just a css tweak on a single page so I can keep the formatting on the rest of the site if possible. The js change is more universally permanent.

I commented out line 1211 in the custom.js file, which took away the wrap, however there is no dropdown icon as is usually seen in a dropdown menu. It’s just a blank field with no indication it is selectable (see attachment 2). I could deal with this site-wide if we can have the standard dropdown arrow back.

(By the way, I am running Highend 1.7 as when I tried to upgrade to 2.0 it did some crazy weird things to my headers that I didn’t want to troubleshoot at the time.)

Attachments:
dropdown-example
dropdown-example.jpg
dropdown-example2
dropdown-example2.jpg
REPLY

Posts: 3202

Dev Team
Branko
JANUARY 7, 2015 AT 3:45 PM #22540
Hello,

In style.css you need to take a look at the select element stylings.
In Highend 2.0 that is around line #245.

This part of that CSS hides the dropdown arrows:
-webkit-appearance:none;-moz-appearance:none;appearance:none;

You can also adjust the width there.

If you decide to upgrade to Highend 2.0:
– The dark grey box at the top of the slider/pages is caused by browser cache.
Simply delete the browser cache and it will work fine.

Also, note that you need to update your Visual Composer plugin to the latest version.
You can do that by deactivating and deleting the plugin from your Plugins section. After that, simply go to Appearance > Install Plugins and install the new version of the plugin.

Again, clean the browser cache after that.

Regards,
HB-Themes

Read Highend Documentation | Watch Highend Video Guides
REPLY

Posts: 19

dmdstar
JANUARY 7, 2015 AT 6:43 PM #22587
Thanks for all the info! I’ll give this a shot, and also give 2.0 another go when I have time.

REPLY

Posts: 19

dmdstar
JANUARY 7, 2015 AT 7:45 PM #22596
Removing those items from the style.css did the trick. Thanks.

REPLY

Posts: 81