Width setting

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

Open Support Ticket

Tagged: width setting of page

Author

Posts
March 18, 2017 at 8:53 am #368226

mak huixian
Free User

Post count: 31

Hi!

It seems the information on my site are really stretched. I would like to replicate the width similar to the demo below.

I.e.
Map 100% (ok to stretch to max width of page)
Search query and bottom – centralise 80% of page, per the demo below. Would you be able to help me?

Screenshot: http://imgur.com/a/xoRa7

Thanks so much!

March 18, 2017 at 8:54 am #368227

mak huixian
Free User

Post count: 31

This reply has been marked as private.

March 18, 2017 at 10:16 am #368231
Kor
Moderator

Post count: 16516
Hi Mak,

I’ve reduced the home width to 60% as shown in this screenshot http://prntscr.com/elff9j and inserted this custom CSS into GD > Design > Scripts > Custom Style CSS
```
section#geodir_advance_search-1 {
     width: 90%;
    margin: 0 auto;
}

div#geodir-wrapper-content {
    margin-left: 80px!important;
}

aside#geodir-sidebar-right {
    margin-right: 80px!important;
}
```
March 18, 2017 at 10:26 am #368232

mak huixian
Free User

Post count: 31

Awesome, thank you Kor Chung. One question tho. It seems the dashboard at the right hand side seems out of place. How could I adjust that?

I’m not sure if it’s my screen or smth, but would you be able to help me adjust the right hand side widget? (currently its at the bottom after the adjustment)

Secondly, how do I remove the wordy text on the right hand widgets “latest places”

Thx!

March 18, 2017 at 10:29 am #368234

mak huixian
Free User

Post count: 31

I’ve also just purchased the advanced search filter add-on 🙂 Assuming this is a property site, I would like to filter e.g. WIFI/ Single Room/ Double Room.. etc. (I.e. users can select what they want in the property) How could I actually achieve that for each individual property listing?

March 18, 2017 at 10:38 am #368235

Kor
Moderator

Post count: 16516

Hi Mak,

Could you please check on it again? I’ve adjusted the width by reducing the percentage. You can remove the “latest places” from the widgets as shown in this screenshot http://prntscr.com/elfl8c . Please open a new thread for your new questions. 🙂

Thanks!

March 18, 2017 at 10:43 am #368236

mak huixian
Free User

Post count: 31

Thank you Kor. Looks good! Sure thing!

March 18, 2017 at 10:48 am #368239

mak huixian
Free User

Post count: 31

Hi kor,
“You can remove the “latest places” from the widgets as shown in this screenshot http://prntscr.com/elfl8c” – noted with thanks!

If I would like to shorten the text instead for the right widget, how could I do that? As currently, its reflecting a very long description. thx!

March 18, 2017 at 11:06 am #368243

mak huixian
Free User

Post count: 31

How could I add a border like the demo?

Screenshot: http://imgur.com/a/xoRa7

It looks neat and nice.

March 18, 2017 at 1:48 pm #368307

Stiofan O’Connor
Site Admin

Post count: 22956

Hello,

We sometime help out with little css tweaks but if you need extensive changes please hire a developer.

Thanks,

Stiofan

March 18, 2017 at 2:39 pm #368320

mak huixian
Free User

Post count: 31

Hi Stiofan

Sorry I wasn’t aware that requires an extensive tweak.

No worries, I understand. 🙂
Author

Posts