Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 10, 2015 at 10:55 am #408722
    frankdaamen

    Hi,

    I am using Enfold and I am using a plug-in to integrate HTML from Magento into WordPress. What this does, for example, is echo the HTML for the Magento header inside Enfold’s header.php. This works, however, I would like to be able to apply Magento’s CSS to these parts of HTML. When I include my Magento theme’s style.css to style these HTML elements, Enfold’s CSS is being quite “aggressive” by overwriting a lot of the CSS.

    I think the best way to overcome this problem, would be to tell Enfold’s CSS to only be active inside, let’s say, a div#enfold_wrapper element. Is this possible? Or do you have any other idea’s to separate Enfold’s CSS from my own CSS?

    Thanks!

    March 10, 2015 at 2:53 pm #408844
    Günter

    Hi frankdaamen!

    Thank you for using our theme.

    As Enfold relys on a CSS structure changing this will cause many problems and break the display..

    Depending on the changes you make with the mangento HTML it’s probably easier to make it the other way round – encapsule the mangento HTML in divs or rewrite the CSS.

    Cheers!
    Günter

    March 10, 2015 at 3:57 pm #408888
    frankdaamen

    Hey Günter,

    Thanks for your reply. I was kind of scared this would be the case. I guess I’ll have to overwrite Enfold’s CSS to regain control over my header, haha.

    Thanks!

    March 10, 2015 at 4:06 pm #408894
    Günter

    Hi!

    I hope you will enjoy the theme. Feel free to come back with further questions you have.

    Best regards,
    Günter

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Apply Enfold CSS to specific element only’ is closed to new replies.