Tagged: css conflict, enfold
-
AuthorPosts
-
July 10, 2015 at 11:28 pm #471759
Hello. We use aMember to power our membership site on WordPress. aMember is set up to inherit our theme’s header and footer, so that it matches the look of our WordPress site. On our old theme this looked fine, but on the Enfold theme, there are a lot of CSS conflicts, which are making the signup and login forms look weird.
I reported the issue to aMember and they indicated the following:
*******************************************************************************
There are very common CSS selectors in the theme:
/wp-content/themes/enfold/css/base.cssFor example, input[type=”text”] has the following properties
width: 100%;
display: block;
margin-bottom: 20px;I recommend you to use more specific CSS rules (use classes for example) instead of apply it to all inputs.
*******************************************************************************
I am providing the two pages that look funny along with our WP login credentials in the Private Content area. Can you please tell us specifically how to correct the conflicts from the Enfold theme to make the forms look as they are intended to look? Thanks!
- This topic was modified 9 years, 4 months ago by ACNLatitudes. Reason: Better clarification of the problem
July 13, 2015 at 11:52 am #472306Hi ACNLatitudes!
Thank you for using Enfold.
I checked the pages and the input fields are 100% in width. Did you figure this out?
Regards,
IsmaelJuly 13, 2015 at 2:45 pm #472459Hi Ismael. Thanks for the reply. Sorry if I wasn’t clear in my initial email. Please note that we do not want the input fields to be 100% width. I just went back and edited the Private Data that I had provided to you in my initial post, which should hopefully better explain the issue.
The easiest way for you to see the problem is to go to the two pages that I referenced in the Private Data section and then switch back and forth between the Enfold theme and the Fresh News theme. That will clearly show you the problem. The Fresh News theme is displaying the pages properly, but the Enfold theme is making the pages look bad (due to CSS conflicts).
- This reply was modified 9 years, 4 months ago by ACNLatitudes.
July 14, 2015 at 12:57 pm #473111Hey!
not sure if we will be able to solve it for you. However, did you try to turn on custom class for all alb elements? This way you can give a unique CSS class to all the elements and then style them specifically the way you need it.
Hope this helps.
Regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.