re:description overlap

This topic contains 9 replies, has 3 voices, and was last updated by  Guust 8 years, 6 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #165082

    ayshea arshad
    Free User
    Post count: 4

    hi on my website listing page the description text is overlapping the website details and login section. an example page where this occurs is http://huddsbb.co.uk/places/united-kingdom/west-yorkshire/huddersfield/customs-and-trade-agents/searchandsource-co-uk/.

    also could you please let me know how can i change the grey background behind popular categories on the homepage of my website. thank you any help will be much appreciated.

    #165315

    Guust
    Moderator
    Post count: 29970

    Try adding this to your CSS to fix the detail page:

    
    
    ul.geodir-tabs-content {
        margin: 0 0 10px 0 !important;
        float: none !important;
        width: inherit !important;
    }

    To fix the grey background behind popular categories on the homepage of your website:

    
    
    .geodir-category-list-in {
        background: transparent;
    }

    Have a look here for future reference: https://wpgeodirectory.com/docs/customizing-your-style/

    #165627

    ayshea arshad
    Free User
    Post count: 4

    hi,
    thank you for the swift reply and suggestions but they didn’t work.the popular categories i mean are the next section down under the menu. there is a grey area with the text popular categories in white which is hardly visible. i want to change that to a darker colour so the white text shows. the text is still overlapping on my website listing page, the description text is overlapping the website details and login section. an example page where this occurs is

    #165649

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    both problems are caused by theme css conflicts.

    for the entry content text overlapping problem please add this to :

    gd >> design >> scripts >> custom css:

    
    
    body.no-sidebar.single.geodir-page article .entry-content {
        float: none;
        margin: 0;
        width: 100%;
    }

    For the background of the popular category widget add this:

    
    
    .geodir-category-list-in {
        background: #000 none repeat scroll 0 0;
        border: 0;
    }

    Let us know if that helped,

    Thanks

    #165695

    ayshea arshad
    Free User
    Post count: 4

    hi thank you the overlapping problem is solved. i have attached an image to show the 2 pale grey sections which i need to change the background colour of. they need to be a dark grey or silver colour.does anyone know if there is a wordpress update problem which prevents images from being uploaded and this message being displayed ‘
    Unable to create directory uploads/2016/04. Is its parent directory writable by the server?’

    #165851

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    the second css code I gave you will make the popular category background black, just change #000 to any hex color code you prefer.

    To modify other css elements, please refer to this tutorial: https://wpgeodirectory.com/docs/customizing-your-style/

    Or try a plugin like this: https://wordpress.org/plugins/so-css/

    The media upload problem should be server related. Prabably the upload folder is not writable. The update should have nothing to do with this.

    Thanks

    #166021

    ayshea arshad
    Free User
    Post count: 4
    This reply has been marked as private.
    #166142

    Guust
    Moderator
    Post count: 29970

    You have a double dot, try

    
    
    .geodir-category-list-in {
    background: #808080 none repeat scroll 0 0;
    border: 0;
    }
    #166253

    ayshea arshad
    Free User
    Post count: 4

    Hi, thank you that worked 🙂 i just need the code please to change around the search box in the centre of the homepage to the same colour.

    #166274

    Guust
    Moderator
    Post count: 29970

    Something like

    
    
    .geodir-loc-bar-in {
       background: #808080; 
       border: none;
    }

    To adjust, look at https://wpgeodirectory.com/docs/customizing-your-style/

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