Template inconsistencies

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

Open Support Ticket

Tagged: css inconsistency header

Author

Posts
November 1, 2016 at 9:26 pm #296256

cyril lansade
Expired Member

Post count: 150

Hi guys,

I’m so far loving the plugin and Geo framework. I’m just struggling with inconsistencies with how things are coded and therefore designed/ It’s leading me to writing a lot of CSS to ensure elements look the same.

A simple example (using your demo site as the example): h1 headers on different pages. From the images attached the headers look completely different. The padding around the content and the header and even the placement of the header (outside of the content box in the Places header) changes from page to page. Surely this leads to a ton of CSS on your-side and a load of CSS for me to try and align everything!

Another example – on the listing form page none of the check boxes have the same alignments. The fields (text and dropdown) look different on this page to, for example, the search fields.

It’s a real shame as it means it is much harder to get a really beautiful looking site and one of the reasons I gave up using one of the supported themes – Jupiter – nothing looks consistent.

Is this something you will ever look at? Pretty please?!

November 2, 2016 at 4:40 pm #296831

Stiofan O’Connor
Site Admin

Post count: 22956

Hello,

Have you tried the Directory Starter theme?
https://wpgeodirectory.com/downloads/directory-starter/

Its not a direct replacement for GDF but it was built to be that way.
If that does not help i will look at things closer.

Thanks,

Stiofan

November 2, 2016 at 8:42 pm #297125

cyril lansade
Expired Member

Post count: 150

Hi,

I’m using a GeoDirectory Framework child theme – I’ve spent a long time setting it up so I don’t want to swap over again! I thought the GDF was used stand alone?

The problem seems to be the base templates using different classes. For example when looking at any of the Geo themes the H1 headers are completely different:

http://wordpressmu-3822-8567-17899.cloudwaysapps.com/try-geodirectory/sample-page
http://wordpressmu-3822-8567-17899.cloudwaysapps.com/try-geodirectory/place
http://wordpressmu-3822-8567-17899.cloudwaysapps.com/try-geodirectory/add-listing

Thanks!

November 4, 2016 at 1:48 pm #297942

Giri
Expired Member

Post count: 3155

Hi Cyril,

Please try using this styles in

GeoDirectory > Design > Scripts > Custom CSS

https://gist.github.com/mistergiri/3ea1c3f3be4fcbd22d236ed37c1f4d89

Test it and let me know.

PS: Please disable any caching plugin when you test.

Thanks

November 6, 2016 at 1:05 pm #298929

cyril lansade
Expired Member

Post count: 150

Hello,

I’ve been working on something similar and yes that aligns many of the main headers etc. Looking at your css and mine there are a couple of stands out:

Add listing page: the content doesn’t have a single div that you can target to get the content below the header aligned. It not really important just the form and the geodir-note

A listing page e.g. http://www.blah.com/listings Here the header is completely outside of the main content area – which I’m guessing is purely down to the html.

http://www.homeschoolinsiders.com/

November 8, 2016 at 2:10 pm #300180

Giri
Expired Member

Post count: 3155

Cyril, can you give me dummy credentials to access add listing page?

November 9, 2016 at 12:52 pm #300713

cyril lansade
Expired Member

Post count: 150

Hello

It is just this page: http://www.homeschoolinsiders.com/listings/

No credentials needed!

November 9, 2016 at 1:09 pm #300714
Giri
Expired Member

Post count: 3155
You can try this code if you want to move title inside the box
```
remove_action('geodir_listings_page_title', 'geodir_action_listings_title', 10);
add_action('geodir_before_listing', 'geodir_action_listings_title', 1);
```
Thanks
November 9, 2016 at 2:06 pm #300787

cyril lansade
Expired Member

Post count: 150

Sorry to be thick but where should that go?! I’ve tried deciphering the templates before and failed 🙁

November 9, 2016 at 2:46 pm #300805

Giri
Expired Member

Post count: 3155

Your child theme’s functions.php file

You can also use “code snippets” plugin.

https://wordpress.org/plugins/code-snippets/

November 9, 2016 at 3:15 pm #300814

cyril lansade
Expired Member

Post count: 150

Ahhhhhh ok. Thank you.

Any reason why this page is so different to the others?

November 9, 2016 at 3:18 pm #300815

Giri
Expired Member

Post count: 3155

No idea cyril. It was created way before I join GD team.

Probably because the designer would have liked that layout for listing pages.

November 9, 2016 at 3:31 pm #300817

cyril lansade
Expired Member

Post count: 150

Fair enough! I guess the point is that these things make sites looks less professional out of the box and hard to get looking really good. Which is a shame as functionally GeoDir has what I need compared to other directories but design-wise it’s behind the curve and needs a lot of css. I’ve plenty more examples other than the headers.

Anyways, thanks for the code.

November 9, 2016 at 3:33 pm #300823

Giri
Expired Member

Post count: 3155

GDF is a old theme and depends on third party framework.

Thats why we created Directory Starter theme. Its a lightweight theme and doesn’t depend on any framework.

You can also use that theme without GD.

November 9, 2016 at 4:25 pm #300836

cyril lansade
Expired Member

Post count: 150

Ahhhhhhhhhhhhhhhhh. OK that wasn’t made obvious anywhere 🙁
Author

Posts