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-
AuthorPosts
-
December 12, 2015 at 5:21 pm #63590
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
December 14, 2015 at 8:51 pm #63791Hi 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!
December 14, 2015 at 9:23 pm #63795The 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
December 15, 2015 at 6:14 pm #63922Thanks 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?December 15, 2015 at 6:32 pm #63925Hi,
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
December 15, 2015 at 7:06 pm #63934This reply has been marked as private.December 15, 2015 at 10:15 pm #63972Hi,
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
December 16, 2015 at 3:26 pm #64053the 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…?
December 16, 2015 at 5:13 pm #64076Hi,
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
December 16, 2015 at 6:09 pm #64088im 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…?
December 16, 2015 at 6:29 pm #64093Hi,
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
December 18, 2015 at 4:08 pm #64396Hi 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…?
December 18, 2015 at 6:44 pm #64438Hi,
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
December 23, 2015 at 4:06 pm #65076Hi 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!
MilesDecember 23, 2015 at 6:50 pm #65150Hi,
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
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket