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-
AuthorPosts
-
May 16, 2017 at 1:59 pm #378587
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/k46HqE7. 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) buttonsLogin 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
May 16, 2017 at 2:06 pm #378591reattaching two images which didnt get attached properly in the last email. thanks,
May 16, 2017 at 5:30 pm #378665Hi 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
May 16, 2017 at 7:15 pm #378675This reply has been marked as private.May 17, 2017 at 4:59 pm #378827Hi Peter,
#4 & #7 Unfortunately, both your request is not possible without customization and I hope you understand.
Thanks!
May 18, 2017 at 5:44 pm #378991thanks 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.)
May 19, 2017 at 4:42 am #379049Hi 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; }
May 19, 2017 at 1:55 pm #379113thanks 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.May 19, 2017 at 2:00 pm #379114Hi Peter,
Sorry, I thought you knew it. Insert into GD > Design > Scripts > Custom Style CSS
Thanks!
May 19, 2017 at 2:44 pm #379121hi 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
May 19, 2017 at 5:05 pm #379152Hi 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!
May 19, 2017 at 10:55 pm #379214got it. thanks.
May 21, 2017 at 12:23 pm #379372hi 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
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket