Listing page issue

This topic contains 9 replies, has 2 voices, and was last updated by  Kor 7 years ago.

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

Open Support Ticket
  • Author
    Posts
  • #422013

    Michaela
    Free User
    Post count: 14

    Hi,

    how can I centre the popular posts listing in the listing page? (see attachment)
    And I would also like to increase the font size of the heading and the space between listing and heading.

    Thank you so much for your help!

    Michaela

    #422039

    Kor
    Moderator
    Post count: 16516

    Hi Michaela,

    This can be done using custom CSS. Please share the URL of the site in question so we can take a better look at it and also WP temp admin access to your site. You can post the details here using the private reply option below.

    Thanks!

    Kor

    #423236

    Michaela
    Free User
    Post count: 14
    This reply has been marked as private.
    #423303

    Kor
    Moderator
    Post count: 16516

    Hi Michaela,

    Thanks for your reply. Kindly insert the custom CSS code below into GD > Design > Scripts > Custom Style CSS

    
    
    ul.geodir_category_list_view {
         margin:0 auto!important;
        text-align:center!important;
        position:relative!important;
    }
    
    .geodir-gridview.gd-post-gd_place {
        margin:5px!important;
    }
    
    .geodir-entry-title font{
        font-size:20px!important;
    }
    #428284

    Michaela
    Free User
    Post count: 14

    Hi Kor,

    thanks a lot for the CSS code you provided.

    Actually it’s not quite what I was looking for. Let me try to explain a bit better: I would like to increase the font size of the title “Ausgewählte Anbieter” and put it to the centre. Furthermore I would like to increase the padding between the search input fields on top, the title “Ausgewählte Anbieter” and the category list view.
    I hope you can help me with that 🙂

    Thanks a lot in advance
    Michaela

    #428332

    Kor
    Moderator
    Post count: 16516

    Hi Michaela,

    Use this custom CSS code below and see if it’s what you’re looking for.

    
    
    .post-type-archive-gd_place h3.widget-title {
        display: block!important;
        width: 300px!important;
        text-align: center!important;
        margin: 0 auto!important;
        padding: 20px 0px!important;
    }
    
    .post-type-archive-gd_place a.geodir-viewall {
        display:none!important;
    }
    #428506

    Michaela
    Free User
    Post count: 14

    Hi Kor,

    thanks a lot, that worked!

    However, if I change the h3.widget-title to h2 or h1 in order to increase the size of the title it won’t work anymore… Any idea why that happens?

    Michaela

    #428521

    Kor
    Moderator
    Post count: 16516

    Hi Michaela,

    Thanks for your reply. Please tell me which other texts you need to restyle and I’ll provide you the correct custom CSS code.

    Thanks!

    #430346

    Michaela
    Free User
    Post count: 14

    Hi Kor,

    thanks for getting back to me regarding that issue.

    In fact, my request only affects the title “Ausgewählte Anbieter” that I would like to increase to 30px or change the h3.widget-title of the CSS code above to h2 or h1 (no idea if that would work anyhow): http://www.groomondo.com/places

    Michaela

    #430386

    Kor
    Moderator
    Post count: 16516

    Hi Michaela,

    Kindly use the custom CSS code below to adjust the font size.

    
    
    h3.widget-title {
        font-size: 30px!important;
    }

    Thanks!

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