This topic contains 7 replies, has 2 voices, and was last updated by Alex Alex 8 years, 3 months ago.

Layout issue

  • Hi,

    I’m dealing with a layout issue. On our site: http://www.kinderopvangkaka.nl I installed SSFWP. After activating, suddenly the logo of the site wasn’t above the slider on the homepage, but the slider part moved up. After disabling the plugin – everything is fine again.

    There is also an issue with the category/search layout. See my testpage: http://www.kinderopvangkaka.nl/overzicht/ : all the fields are huge..

    How can I resolve this?

    kind regards,
    Michiel

    • This topic was modified 8 years, 3 months ago by Alex Alex.
    • This topic was modified 8 years, 2 months ago by Sofia Moss Sofia Moss.
    Alex
    StaffUser Level

    Hi there,

    Try to download the latest patch from Codecanyon and reinstall which has most css conflict fixed. Also, you can use plugin organizer to disable it globally and enable it only at the store locator page (you can refer here for more info http://superstorefinder.net/support/knowledgebase/i-have-conflicting-css-or-javascript-that-caused-my-webpage-to-messed-up-solution-plugin-organizer/)

    Cheers,
    Alex

    • This reply was modified 8 years, 3 months ago by Alex Alex.
    • This reply was modified 8 years, 3 months ago by Alex Alex.

    thanx for the quick reply! I downloaded the latest version from Codecanyon (it’s the same version as I downloaded yesterday – v 3.2).

    Unfortunately, I can’t install the plugin-organizer. I’m using WordPress 3.5 and this plugin is compatible 3.8 or higher.. Upgrading WordPress isn’t a possibility this moment.. :-/ I can’t afford taking any risks right now (like crashing or downtime).

    Any suggestions?
    The map: http://www.kinderopvangkaka.nl/overzicht/

    • This reply was modified 8 years, 3 months ago by Alex Alex.

    Oh by the way: I removed the plugin and did a clean install..
    The first time I installed and tested it (beginning this week) everything was fine. But I changed some options in the settings menu and then the layout thing happened.. I put everything back in the settings but nothing.. Isn’t there some kind of reset option? :)

    Alex
    StaffUser Level

    Hi there,

    I’ve inspected the code, you seems to do it correctly and the files are updated. The only thing now that the theme is causing the issue whereby the table height is expanded. You can use plugin organizer as suggested earlier and use CSS override (Below knowledge base articles might be able to assist you)

    1) http://superstorefinder.net/support/knowledgebase/how-do-i-find-specific-css-for-a-particular-ui-element/
    2) http://superstorefinder.net/support/knowledgebase/custom-css-override-to-be-used-for-theme-compatibility/

    Also it is best to check with your theme provider as they’re using a lot of general CSS such as body, input, etc and modify the height line-height value which cause most of the issues

    i.e http://www.kinderopvangkaka.nl/wp-content/themes/kids/style.css?ver=3.5

    
    body {
    	font-size: 14px;
    	line-height: 18px;
    	font-family: Georgia, Helvetica, sans-serif;
    	font-weight: normal;
    	color:#3F3F3F;
    }
    input, select, textarea, button { 
    	margin: 0;
    	font-size: 12px; 
    	line-height: 18px; 
    	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
    	font-weight: normal; 	
    }
    h1 { margin: 0 0 27px 0; font-size: 36px; line-height: 36px; font-weight: normal; }
    h2 { margin: 0 0 18px 0; font-size: 26px; line-height: 26px; font-weight: normal; }  
    h3 { margin: 0 0 16px 0; font-size: 22px; font-weight: normal; }
    h4 { margin: 0 0 12px 0; font-size: 14px; font-weight: bold; }
    h5 { margin: 0 0 8px 0; font-size: 10px; font-weight: bold; }
    h6 { margin: 0 0 3px 0; font-size: 9px; font-weight: bold; }
    

    Ok, Now I really need some help. I’m not that good with CSS.

    The Organizer-Plugin gives an error while trying downloading. I post an item on the support forum about compatibility with my WordPress version 3.5

    I read on your site I can override the CSS. The theme I use also has that option. Is this an option worth to try, without the Organizer-Plugin?

    What I don’t understand, and thats because I’m not that good with CSS:

    – How come the body of the homepages moves upwards (through the logo) when I activate the plugin and moves back (down) in its original place when I deactivate the plugin?

    – Is there a way to add a custom CCS code to get things fixed?

    Hope you can help me out.

    kind regards,
    Michiel

    Alex
    StaffUser Level

    Hi Michiel,

    Yes, due to you’re using an older version, Plugin Organizer might not support that version anymore, as for the theme, you may need to leave CSS with the experts, if you would like our devs to inspect and have a look at the CSS, you can send your request via profile page http://codecanyon.net/user/highwarden and we can quote you accordingly.

    Alex
    StaffUser Level

    Hi Michiel,

    Yes, due to you’re using an older version, Plugin Organizer might not support that version anymore, as for the theme, you may need to leave CSS with the experts, if you would like our devs to inspect and have a look at the CSS, you can send your request via profile page http://codecanyon.net/user/highwarden and we can quote you accordingly.

Tagged: 

The topic ‘Layout issue’ is closed to new replies.