SD - Home page css and widget container

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

Open Support Ticket

Author

Posts
January 29, 2018 at 7:07 pm #414858

joel phillips
Expired Member

Post count: 82

Ok, this refers to a previous post regarding the SD home page and widget containment. I was able to get everything corrected with your help with the exception of 1 thing. If you look at this url – http://whotakescoin.net, I was able to get everything contained with the exception of the two side-by-side Spotlight Listing widgets. They are overrunning to the right and the wrapper will not contain the width, nor will the section contain the width. I am back to pulling my hair out so hopefully you or someone can help. Thanks, Joel

January 29, 2018 at 7:40 pm #414859

Dirk
Full Member

Post count: 390

Hi Joel,

I guess you like to have them with full width within the container.

You are very close. I can see in your list element (li) a mistake:

<li class=”clearfix geodir-gridview gridview_onefifth gd-post-pkg-8 gd-post-gd_event gd-post-featured” style=”width:50%%;” data-post-id=”50630″>

The “width:50%%;” will be ignored, because this is an error. You can set it to “width:50%;” or even to “width:100%”.

Best,
Dirk

January 29, 2018 at 8:23 pm #414863

joel phillips
Expired Member

Post count: 82

Thanks Dirk. Not sure where you are seeing that, but I did make a change that might have eliminated that error and the problem still exists. It seems that the entire container is overrunning to the right which is causing the scroll bar at the bottom. I am most likely missing something but not sure what. Thanks, Joel

January 29, 2018 at 9:02 pm #414870

Dirk
Full Member

Post count: 390

If you like to do it via CSS please try:
.panel-row-style-for-w5a6f7648a79c3-0 li {width:100%!important;}

This might work for your inserted panel with the specific id and in this configuration. But I would call this a hack.

BTW: You are loading Google MAP API on your frontpage without a key or an invalid key. There is a console output.

January 30, 2018 at 12:27 am #414900

Alex Rollin
Moderator

Post count: 27815

Hello,

What CSS are you using for those two widget containers?

They look ok to me. What do we do to recreate the issue?

January 30, 2018 at 12:28 am #414901

joel phillips
Expired Member

Post count: 82

Thanks. In case I was not transparent, I am not a coder so your last message escaped me. I don’t want to do this as a hack but then not sure where I would implement the first change you recommended if not as css.

<li class=”clearfix geodir-gridview gridview_onefifth gd-post-pkg-8 gd-post-gd_event gd-post-featured” style=”width:50%%;” data-post-id=”50630″>

The “width:50%%;” will be ignored, because this is an error. You can set it to “width:50%;” or even to “width:100%”.

I have not made any changes other than css so far. Also, thanks for the head’s up on the map api call on the home page. I noticed that but just have not dealt with it yet since I will have to figure it out.

Joel

January 30, 2018 at 12:54 am #414915

joel phillips
Expired Member

Post count: 82

This reply has been marked as private.

January 30, 2018 at 3:04 pm #415008
Kor
Moderator

Post count: 16516
Hi Joel,

Could you try using this custom CSS code below and see if it works?
```
.geodir_full_page .widget {
    width:100%!important;
}

.panel-widget-style {
    max-width: 100%!important;
}
```
January 30, 2018 at 3:43 pm #415015

joel phillips
Expired Member

Post count: 82

That did it! I knew it was going to be something simple. Thanks a million Kor!
Author

Posts