Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 9, 2015 at 9:16 pm #393315
    axelfx07

    Hi,

    So I bought ninja pop-up plugin (subscribtion forms in popup) and their opt-in form has its own class, but not #id.
    I think that is what causing the problem, but my knowledge is limited.
    Here are some screenshots:
    how its supposed to look – http://gyazo.com/060701dfbe08e1b255ef15b1faf8eb84
    how it looks – http://gyazo.com/323625f4f937d293e5cb0d8a289a795b
    live link – http://legalpanda.com.ua/category/articles/ (move mouse to close the page for popup to appear)

    It seems that I can fix it by adding !important to ninja’s css, but is there any other way?
    I don’t use native enfold’s forms for now. Can you please point me to a workaround.

    This plug-in is huge and one of the top sellers on codecanyon. I really really want to make them work together.

    Any imput on this is appreciated! Thank you

    February 9, 2015 at 9:59 pm #393343
    axelfx07

    I found a fix!! But now I have an enfold related question.

    I had to edit base.ccs:

    /* #Forms
================================================== */

	#top form {
		margin-bottom: 20px; }
	#top fieldset {
		margin-bottom: 20px; }
	#top .input-text,
LINE 190 (#TOP REMOVED)input[type="text"],
	#top input[type="input"],
	#top input[type="password"],
	#top input[type="email"],
	#top input[type="number"],
    #top input[type="url"],
    #top input[type="tel"],
    #top input[type="search"],
	#top textarea,
	#top select {

    removed id #top on line 190.
    How do I approach this from my child’s theme and if there any way not to harm native enfold’s forms?

    • This reply was modified 9 years, 9 months ago by axelfx07.
    February 10, 2015 at 7:24 am #393516
    Josue

    Hey!

    Copy the modified base.css to your-child-theme-directory/css/base.css and add this to your child theme functions.php:

    function change_aviacss() {
   wp_dequeue_style( 'avia-base' );
   wp_enqueue_style( 'avia-base-child', get_stylesheet_directory_uri().'/css/base.css', array(), '2', 'all' );
}
add_action( 'wp_enqueue_scripts', 'change_aviacss', 100 );

    Cheers!
    Josue

    February 10, 2015 at 12:18 pm #393629
    axelfx07

    it has reset all my custom styles for some reason.

    I created a css folder in my enfold-child folder and put modified base.css in there
    the I added the code to function.php of child’s theme

    February 10, 2015 at 9:04 pm #393973
    Josue

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    February 10, 2015 at 9:12 pm #393981
    axelfx07
    This reply has been marked as private.
    February 12, 2015 at 12:42 pm #394950
    Ismael

    Hi!

    Search for the Ninja Pop-Up plugin’s css stylesheet then copy all codes inside the child theme’s style.css. That should work. Or use the same selector on the Quick CSS field:

    #top .input-text,
	#top input[type="text"],
	#top input[type="input"],
	#top input[type="password"],
	#top input[type="email"],
	#top input[type="number"],
    #top input[type="url"],
    #top input[type="tel"],
    #top input[type="search"],
	#top textarea,
	#top select {
		 -webkit-appearance: none;
		border: 1px solid #e1e1e1;
		padding: 8px 6px;
		outline: none;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff;
		border-radius: 0px;
		}

    Replace the values of the css properties.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.