CSS

This topic contains 10 replies, has 3 voices, and was last updated by  Paolo 8 years, 5 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #130224

    Yap
    Buyer
    Post count: 4

    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 in

    This 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 in

    This 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.

    #130362

    Guust
    Moderator
    Post count: 29970

    We 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/

    #130375

    Yap
    Buyer
    Post count: 4
    This reply has been marked as private.
    #130851

    Paolo
    Site Admin
    Post count: 31206

    1) 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

    #131053

    Yap
    Buyer
    Post count: 4
    This reply has been marked as private.
    #131259

    Guust
    Moderator
    Post count: 29970
    This reply has been marked as private.
    #132180

    Yap
    Buyer
    Post count: 4

    Thank 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.

    #132186

    Guust
    Moderator
    Post count: 29970
    This reply has been marked as private.
    #132277

    Paolo
    Site Admin
    Post count: 31206

    Guust is correct.

    The theme doesn’t allow for that without an extra customization.

    Thanks

    #132855

    Yap
    Buyer
    Post count: 4

    Hi 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%;
    }

    #133325

    Paolo
    Site Admin
    Post count: 31206

    Good job, thanks for letting us know 🙂

Viewing 11 posts - 1 through 11 (of 11 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