[Will]

Hey Steven…just knocking my head against the wall all afternoon…in the Beta testing we found that the Forms Social Media Selector is not showing up properly. I’ve been through all my custom css that has been added to the theme file and I cannot figure this out.

The selectors for all of the other form fields are showing up perfectly…it’s just the selector for the Social Media..and I can see that it is pushed down to the right bottom corner behind the “Remove” button…but I can’t get it fixed.

Maybe I need to delete and reinstall the forms to see if this fixes the issue? I have made changes to the cmap output in custom css and to the form…but like I said…I removed all the custom css from the theme files and this issue still persists.

The site is http://www.collectorsbluebook.com. If you want to check it out (u have to register and log in now to get to the forms…we have a landing page.)

The forms are accessed on the personal homepage area… http://www.collectorsbluebook.com/welcome-back/.

Use the following to log in from the landing page: User: StevenZahm Pass: conform1

[Will]

So Never mind…I played with the css in my theme custom css area and was able to clean this up. I’m sure there is a better way to do this..but just need it to work and look good right now.

Regards,
Will

[Steven Zahm]

@ william844

Ok. I was looking around yesterday for at least 10 to 15 minutes and I couldn’t find the page Form was used on. If/when you want to revist this, could you send a direct link, thanks!

[Will]

Thanks Steve…

The form is located in a toggle box on the Welcome-Back page aka “Personal Homepage”.

You have to be logged in to see this page.

It is located about half-way down the page under the “New Listing Services” section..and the toggle box title is “Submit a Resource to the collectLinks Library”.

What I can say, after messing around with this most of yesterday…this is pulling in the .social a settings from the woo themes templates. I did try your suggestions about the [raw] tags but this does not fix the issue. I ended up using this css to fix the problem:

1. the .social a was displaying as inline-block and I changed it to:
.social a {
display: inline !important;
}

2. the weird images behind the remove button (only on the social media section)

#cn-form .cn-button-shell a {
background-image: none !important;
}

3. And to remove the colors from the add and remove buttons:

#cn-form .cn-button-shell.blue {
background-color: #FFF;
}

#cn-form .cn-button-shell.red {
background-color: #FFF;
}

I also did the update you sent out yesterday before making these css mods…but it did not help the issue.

Regards,
Will

[Steven Zahm]

@ william844

Ok, now I see Form. Yeah, the [raw] shortcode wouldn’t help with the CSS conflict. I think you definitely have the right fixes in place.

[Author]

Posts