pages not displaying full width

This topic contains 36 replies, has 3 voices, and was last updated by  Paolo 9 years, 3 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #63590

    Paolo
    Site Admin
    Post count: 31211

    Hi,

    the css I provided:

    
    
    .post-type-archive-gd_place .x-main.left {width: 100%;}
    .post-type-archive-gd_place .x-sidebar {display:none;}

    Cannot make those pages full width. It will only make full with the page with class post-type-archive-gd_place, which is the places listings page. Just as you asked. I’ve just tested it twice with firebug on your website and it works as expected.

    Thanks

    #63791

    miles276
    Expired Member
    Post count: 46

    Hi Paolo, do you know what code has been removed and from where so I can add it back in, I have emailed the developer as well but he has said he hasn’t deleted anything, I was looking at the code the other day to try and understand it better so I can only think I may have accidentally deleted some code myself, in which case I have absolutely no idea how to put it right!?!? Any help you can give me would be great!

    #63795

    Paolo
    Site Admin
    Post count: 31211

    The css provided in the last few replies:

    
    
    .post-type-archive-gd_place .x-main.left {width: 100%;}
    .post-type-archive-gd_place .x-sidebar {display:none;}

    Thanks

    #63922

    miles276
    Expired Member
    Post count: 46

    Thanks Paolo (sorry i didn’t see you your first reply) i have added that bit of code but it hasn’t made any difference, i have deleted the theme and re-installed it and still no luck so i tried removing the code that you supplied me altogether and all of a sudden, the rate a tradesperson page, about us and contact us page are back t normal, the sidebar is where it should be over on the right and not below, but the geo directory pages are back to not showing in full screen, any suggestions?
    also something else small that i noticed is that the ‘view’ drop down list doesn’t show correctly, it appears to be about half the size it should be so all you can see is ‘vi’ then half the ‘e’, is it possible to get this to show correctly?

    #63925

    Paolo
    Site Admin
    Post count: 31211

    Hi,

    where are you adding this CSS:

    
    
    .post-type-archive-gd_place .x-main.left {width: 100%;}
    .post-type-archive-gd_place .x-sidebar {display:none;}

    ???

    Please try adding it to GeoDirectory >> Design >> Scripts >> Custom CSS.

    If still doesn’t work please provide admin details and we will add it for you correctly. I’ve tested it on your website with firebug and it works.

    Thanks

    Thanks

    #63934

    miles276
    Expired Member
    Post count: 46
    This reply has been marked as private.
    #63972

    Paolo
    Site Admin
    Post count: 31211

    Hi,

    I’m sorry and i don’t know how I got that confused, but this can be done from GeoDirectory >> Design >> Listing, by disabling the right sidebar and making the content section 100% in width.

    Thanks

    #64053

    miles276
    Expired Member
    Post count: 46

    the content section is already at 100% width from what i can see and there doesn’t seem to be the option to disable the sidebar from GeoDirectory >> Design >> Listing…?

    #64076

    Paolo
    Site Admin
    Post count: 31211

    Hi,
    yesterday when I changed settings it was working, did you add any more custom css or changed themes settings anywhere?

    I’ve added 1 more css rule to fix this. Hopefully this will stick.

    Thanks

    #64088

    miles276
    Expired Member
    Post count: 46

    im not sure if i have deleted that bit of code or not, when you said i needed to disable the i guessed there was some code i could use to do that so im not sure if the code in the custom CSS box is still all correct, i believe it is though because i copy and pasted in out then back in whilst i was playing with other bits of code, however still no joy at present.

    i have just been looking at it in more depth without the code in, it appears that the sidebar is in the correct place (to the right of the content) on the listings page and search page, as well as all the other pages are correct (When the code is not entered)as soon as any code is input though then the rest of the pages loses the sidebar, it seems as though the ‘#content { width: 100%;’ part of the code cant recognize it should only be for certain pages and just applies to all of them, adjusting the size within GeoDirectory >> Design >> doesnt change what i want it to change in terms of fitting the page. i need some code that will only affect the GD pages and none of my others…?

    #64093

    Paolo
    Site Admin
    Post count: 31211

    Hi,

    now you changed back in GeoDirectory >> Design >> Listings >> Width of listing content section to 60, while I had set it to 100.

    Now it should be all fine, if there is anything else that isn’t please let me know before changing any settings. I’ll look into it.

    Thanks

    #64396

    miles276
    Expired Member
    Post count: 46

    Hi Paolo,

    The page and side bar are the correct width for the search page and listings page (all the pages that are added by the geo directory plug in) when the code is added that you have supplied me, however every other page on my website still has the side bar displayed below the content, instead of the side bar next to the content, if i remove the code you gave me then the geo directory pages are then no longer the correct width but the rest of the pages on my website are correct and the side bar is displayed next to the content instead of underneath. In other words the code you have supplied me is being applied to every page on my website and not just the geo directory pages (search page and listing page), this is where the problem is.

    this code:
    .single-gd_tradesperson #content, .post-type-archive-gd_tradesperson #content {
    width: 100%;
    }

    .post-type-archive-gd_place .x-main.left {width: 100%;}
    .post-type-archive-gd_place .x-sidebar {display:none;}

    is being applied to ALL of the pages on my website when it should only apply to the search page and listings page take a look at various different pages on my website with and without the code in the ‘custom css box’ and you will be able to see what i mean, i have not made any amendments to the code or width of anything since your last message. Hope this makes sense…?

    #64438

    Paolo
    Site Admin
    Post count: 31211

    Hi,

    no it isn’t that CSS making your pages full width.

    it is this:

    
    
    #content {
        float: left;
        margin: 0 0 5px;
        width: 100%;
    }

    It is in the theme style.css line 313: http://www.tradesrater.com/wp-content/themes/shootingstar/style.css?ver=4.4

    and we have nothing to do with that…

    Thanks

    #65076

    miles276
    Expired Member
    Post count: 46

    Hi Paolo, sorry for the delay in getting back to you, between the time i tested it with and without your code, and the time you looked into it, my developer had added that line of custom CSS in to the theme while uploading the other bits he had done. That line is not part of the theme as standard though and he has now removed it i believe. Whatever the situation or however it has occurred though the problem doesn’t seem as bad anymore, as in when the code is in there now ll the pages look correct, apart from the search page, if i search for a builder for example the search results dont show up in full screen, im guessing there is another bit of custom CSS i can add to capture this page as well?

    Also the drop down box with how to view the search results is cut in half, you can only see ‘VIE’ instead of ‘View: List’ how do i get this to show correctly as well?

    Thanks in advance Paolo and sorry for any confusion thus far!
    Miles

    #65150

    Paolo
    Site Admin
    Post count: 31211

    Hi,

    please add this to your custom css for the search page:

    
    
    
    .search-results #content {
        width: 100%;
    }

    and this for the select:

    
    
    .geodir-list-view-select > select {
        width: 100%;
    }

    These things are due to the theme css, interfering with the plugin.

    Thanks

Viewing 15 posts - 16 through 30 (of 37 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount