CSS - handbook or manual for basic changes ?

Has anyone made some kind of handbook or manual for basic changes to the dolphin system?

 

I once started a word doc with screenshots and example code to get a glimpse of the structure but i am still struggling to find many locations to achieve wanted changes to the design.

 

In an older installation it was easier to find the exact position and the correct css file, but now i mostly find the wording "gzip_loader". 

 

Thank you

Quote · 6 Nov 2018

It would be worth creating a manual if there were really 150,000 Dolphin users out there. Just imagine if everyone of them paid just one dollar.

~~~~~~~~~~~~~~~~~~~~~~
Michel - Meta-Travel.com
~~~~~~~~~~~~~~~~~~~~~~

TravelNotes.org - The Online Guide to Travel
Quote · 6 Nov 2018

 

It would be worth creating a manual if there were really 150,000 Dolphin users out there. Just imagine if everyone of them paid just one dollar.

 Yes indeed!

I've written several small documents on changing CSS values, but nothing conclusive. It's impossible for me to be serious under the current circumstances, so most languish on my computer somewhere.

It's possible a handful (maybe 20) of people would be interested, so it's a mountain of work for a readership of so few.

From what I can gather, the GZip Loader is reading from the cache, or maybe it is the cache. Thus there's no direct link to the CSS code itself.

It's almost impossible to work on a live site, so make a copy and work on that. Go to Admin/Tools/Cache/Settings and untick all the caches.  Then clear the caches. You may even need to do this via FTP. Don't delete any .htaccess files in the cache folder however.

Clear your browser cache. This is important and I've installed a Chrome addon called "Clear Cache"  that allows me to do this after every change. Make the change, clear the browser cache and refresh the browser. It's not necessary all the time, but it's difficult to know when you can, or can't get away with it.

Use your browser's Inspect feature to locate the CSS (See diagram).

Hope that helps.

elements.jpg · 68.4K · 195 views
Quote · 7 Nov 2018

As John indicated, you have to turn off CSS compression first in order to be able to inspect the element on the page.  Then you can right click on an element; say a button, and inspect it to see what CSS is controlling that element.  If you see element.style, that indicates styling that is hard coded into the template.  Along with CSS you also have the template files that you may need to inspect.

Geeks, making the world a better place
Quote · 7 Nov 2018
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.