Changes in style.css

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

Open Support Ticket

Tagged: style.css, style.scss

Author

Posts
June 2, 2016 at 9:56 am #202236

Zois Koukopoulos
Buyer

Post count: 8

Hello,

I want to make a change to style.css of the geodirectory plugin.

I found the file and did the modification to both style.css and style.scss

But the modification does not show up on my website.

Is there a way to do this?

Thanks

June 2, 2016 at 10:22 am #202242

Guust
Moderator

Post count: 29970

Have a look at this article:
http://docs.wpgeodirectory.com/customizing-your-style/

June 2, 2016 at 3:29 pm #202349

Zois Koukopoulos
Buyer

Post count: 8

Thank you for the quick response.

The article does not help me at all.

SiteOrigin CSS plugin does not work (as usual) and WP Admin > Appearance > Editor does not provide access to plugin code.

The thing I want is to modify the style.css which is located in plugins > geodirectory > geodirectory-assets > style.css and style.scss

in order to change the #post_video-wrap iframe, .geodir-company_info .geodir_video iframe, .geodir-company_info .geodir_video object, .geodir-company_info .geodir_video embed to height: 100%

I accessed these files via ftp did the modification but there is no effect on the frontend.
Why is that happening?

Thank you very much.

June 2, 2016 at 4:31 pm #202371

Paolo
Site Admin

Post count: 31206

Hi,

you should never modify plugin or theme files directly.

In GeoDirectory you can add any cusotm css in GeoDirectory >> Design >> Scripts >> Custom css.

just copy any css element that you want to modify in there, do your changes and save.

That way your changes will not be wiped out after every update.

Thanks

June 2, 2016 at 5:01 pm #202376

Zois Koukopoulos
Buyer

Post count: 8

Thank you very much for the quick response and the advice which indeed is really absolutely correct. I usually dont mess with style.css

The thing is that when i add embed video code of multiple videos, the videos appear at More Info tab in Place Page, but with very small height.

http://www.culture-gate.com/places/greece/thessalia-sterea-ellada/messinia/archaeology-places/%CE%B5%CF%80%CE%B9%CE%BA%CE%BF%CF%8D%CF%81%CE%B9%CE%BF%CF%82-%CE%B1%CF%80%CF%8C%CE%BB%CE%BB%CF%89%CE%BD%CE%B1%CF%82/#post_info

I want to increase this height and the script that I add

#post_video-wrap iframe, .geodir-company_info .geodir_video iframe, .geodir-company_info .geodir_video object, .geodir-company_info .geodir_video embed { height: 100% } does not help.

Can you provide me with a workaround to deal with this issue?

Thank you

June 2, 2016 at 5:07 pm #202378

Zois Koukopoulos
Buyer

Post count: 8

I finally managed to achieve what i want by modifying the file geodirectory > geodirectory-assets > css > gd_core_frontend.css

But i dont think that is the correct approach.

June 2, 2016 at 5:56 pm #202446

Paolo
Site Admin

Post count: 31206

It isn’t, whatever you did on that file you can do via GeoDirectory >> Design >> Scripts >> Custom css.

Just copy your mod and paste there.

That way next update your css change will remain intact.

Thanks
Author

Posts