geo 1280 theme – various formatting help

This topic contains 12 replies, has 2 voices, and was last updated by  peterho2004 7 years, 11 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #378587

    peterho2004
    Expired Member
    Post count: 48

    hi Sir,

    I am using various plug-ins (multi-locations, advanced search, events,…) with geo 1280 theme. I need some help on a few minor formatting cleanup. I have tried playing with the style.css myself but get stuck on a few of them below.

    http://www.temporary-url.com/8QtNBq (home page link, please also see 2 attached images for the home page)

    Top Section of home page
    1. Stretch the image all the way to the edge
    2 and 3. Vertical aligned the icon to the middle, it is currently skewing to the bottom
    4. Show the name of the login user? I have looked through the support forum but cannot find any resources on how to do it. Basically, I want to show the user_id next to the login icon so that the user knows he or she is loggin to the system.

    Bottom section of home page
    5. How can I align the thumbnail of the image slider to the center? The slider is aligned properly but I dont understand why the thumbnails are not.
    6. There is a vertical line which does not do anything. I want to see if there is a way to remove it.

    College Page (also see attached image)
    http://www.temporary-url.com/k46HqE

    7. In the search box here, I would like to use different text (versus what is used in the home page). Please note this is searching a different CPT and it is giving the right behavior. However, I want to change the text inside the search box so that the user wont be confused.

    Blog Page
    http://www.temporary-url.com/jwHDQy
    8. Change the color of the next page (and previous page) buttons

    Login Page
    http://www.temporary-url.com/WOfeFH
    9. and 10. Change the color of the sign-in and register buttons.

    thanks again for your help.

    Peter

    #378591

    peterho2004
    Expired Member
    Post count: 48

    reattaching two images which didnt get attached properly in the last email. thanks,

    #378665

    Kor
    Moderator
    Post count: 16516

    Hi peterho2004,

    #1 Please use this custom CSS code to achieve that

    
    
    .geodir_full_page section.widget {
        border: 0px !important;
        padding: 0px!important;
    }

    #2 & #3Use this

    
    
    body .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search button {
        padding-top: 10px!important;
    }

    #4 Please share WP temp admin access to your site so we can take a better look. You can post the details here using the private reply option below.

    #5 This requires complex customization

    #6 This should remove all borders

    
    
    .content {
        border: 0px!important;
    }

    #7 Navigate to Gd > Design > Search > SEARCH FORM SETTINGS as shown in this screenshot http://prntscr.com/f8k842

    #8 Change using this custom CSS

    
    
    .archive-pagination a {
        background-color: #000;
        border-radius: 3px;
        color: #fff;
        padding: 8px 12px;
    }
    

    #9 Use this

    
    
    input[type="submit"] {
        background-color: #000;
        color: #fff;
        font-size: 14px;   
    }

    Insert all custom CSS code into GD > Design > Scripts > Custom Style CSS

    #378675

    peterho2004
    Expired Member
    Post count: 48
    This reply has been marked as private.
    #378827

    Kor
    Moderator
    Post count: 16516

    Hi Peter,

    #4 & #7 Unfortunately, both your request is not possible without customization and I hope you understand.

    Thanks!

    #378991

    peterho2004
    Expired Member
    Post count: 48

    thanks Kor for looking into this.

    Just a quick followup on #7, is there a way in CSS to put the text center aligned (similar to shown in attached picture) above the search box? I obviously can embed the text in the image but I dont think that would be mobile response (i.e. different screen sizes, etc.)

    #379049

    Kor
    Moderator
    Post count: 16516

    Hi peter,

    Use the custom CSS code below.

    
    
    .gd-search-input-wrapper.gd-search-field-cpt {
        display: none;
    }
    
    .geodir-search {
        width: 800px!important;
    }
    
    .geodir-loc-bar-in {
        background-image: url(https://multiplyiq.com/wp-content/uploads/2017/05/blur_corridor.jpg);
        background-size: cover;
    }
    
    .geodir_full_page .geodir-search {
        background-image: none!important;
    }
    #379113

    peterho2004
    Expired Member
    Post count: 48

    thanks Kor.
    Sorry it may be a very dumb question: where do I put in the CSS code? What I would like to do is to put some text on top of the image (just above the search bar). thanks again.

    #379114

    Kor
    Moderator
    Post count: 16516

    Hi Peter,

    Sorry, I thought you knew it. Insert into GD > Design > Scripts > Custom Style CSS

    Thanks!

    #379121

    peterho2004
    Expired Member
    Post count: 48

    hi Kor,

    I know how to put in the CSS code. I was trying to understand from your CSS code snippet where I can put in the floating text (on top of the image and above the search bar). sorry for the confusion.

    Peter

    #379152

    Kor
    Moderator
    Post count: 16516

    Hi Peter,

    You can do this by inserting a “Text Widget” into GD > Home Top Section. But, you’ll have style the background image again. Probably use another way to display it.

    Thanks!

    #379214

    peterho2004
    Expired Member
    Post count: 48

    got it. thanks.

    #379372

    peterho2004
    Expired Member
    Post count: 48

    hi Kor,

    I followed your suggestion and use a text widget on the home page. I got to 90% of what I want but I got an extra whitespace between the menu and the image. (See the word “Find Activities” the home page.) Can you take a look and see if there is anway to remove the extra white space? home page link and image are attached below. thanks again.

    Peter

    http://www.temporary-url.com/8IWvet

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