CSS
This topic contains 10 replies, has 3 voices, and was last updated by Paolo 9 years, 6 months ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
February 29, 2016 at 6:49 am #130224
Hi team, would you be kind to help me out with some CSS for my GeoDirectory on my site?
1. On the main directory page, the map doesn’t extend all the way to the edges of the site as it usually does. The map shows within a container, how do I make it go all the way to the
sides?
2. Can the search bar be made to be in the centre, perhaps with the button color as inThis is on Directory Starter theme which looks proper.
2. Can I put a CSS to remove to header text and subheader text to not appear as it’s not neccessary and just takes up space.
3. The place page is on the left side of the page with the sidebar kinda in the middle, leaving a lot of empty space on the right. Can I centralize the whole thing, as inThis one uses you Directory Starter theme which looks very nice, but I need to use the GD with my LMS Press theme.
4. I’d like to make the background light grey for the places page.
5. You’ll see the ‘My Dashboard’ text is a bit chopped off on the top. (image attached)I tried GD a separate wordpress in my subdomain (directory.pastrybake.com) and ran it on Directory Starter theme and GD looks good that way. But I need to customize the design to look nice on my LMS Press theme. I appreciate your help.
February 29, 2016 at 10:48 am #130362We will need your URL and WP admin details to give you some pointers.
Post them in a private reply, only staff can see that.
This article should give you a start: https://wpgeodirectory.com/docs/customizing-your-style/February 29, 2016 at 12:24 pm #130375This reply has been marked as private.February 29, 2016 at 9:27 pm #1308511) map seems to be fixed
2 & 3) add this to gd > design > scripts > custom css
.geodir_full_page .geodir-search input[type="text"] { width: 40%; } .geodir-loc-bar-in { margin: 0 auto; width: 50%; } .single.geodir-page #page #header, .single.geodir-page #page hr { display: none; }4) Something like this, however you need to check the exact light gray needed.
.single.geodir-page .wrap { background: #eee none repeat scroll 0 0; overflow: hidden; }5) Credentials are not working, so I can’t check.
Let us know,
Thanks
March 1, 2016 at 6:53 am #131053This reply has been marked as private.March 1, 2016 at 11:27 am #131259This reply has been marked as private.March 2, 2016 at 11:42 am #132180Thank you so much Paolo. Your support is wonderfully fast.
Your CSS helped with the look of my site a whole lot. Just one small detail if you have time to help me check out. The css you provider to expand the map to the sides works, but it also brought the whole content of the page to the side. It was just the map I wanted the extend to the side but the page content to stay as it is in the centre. I tried to play around with the code but didn’t quite find a way around it.
March 2, 2016 at 11:56 am #132186This reply has been marked as private.March 2, 2016 at 1:33 pm #132277Guust is correct.
The theme doesn’t allow for that without an extra customization.
Thanks
March 3, 2016 at 5:41 am #132855Hi Paolo and Guust, thanks for looking into it. Am really happy with your support.
I did manage to figure it out though, I added a bit to the the code you provided, and got the map to go all the way to the sides and the page content to stay in the middle. Thanks!
.container {
width: 100%;
padding: 0px;
}#geodir-wrapper-content {
width: 63%;
padding-left: 7%;
}#geodir-sidebar-right {
padding-top: 0px;
padding-right: 7%;
}March 3, 2016 at 5:59 pm #133325Good job, thanks for letting us know 🙂
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket