Changing and finding css controls
Problem:
If you know the css tag you wish to change or the page it is attached to and want to know where to change it....Solution:
If you know the css tag you wish to change and want to know where to change it....If you want to change a css control you see within the source of an html page you could do this in two possible places. One place is within the css control of the html source of the site design itself. The page template/html module elements of the site are controlled within an external css document. If you use the default design this document is the geostyle.css file provided at installation within the base directory of your installation. The other possible place to change the css is within the "CSS management" admin of the admin tool.
To check the default design css (found in the "class=xxx" attribute of various html tags within the design) ou must open "geostyle.css" file within a file editing tool (like textpad.com(free) and search the file for the css control. If you find it you can make the changes directly to the file, save the file and upload the file to your site. You may need to "reload" the browser to make sure the browser doesn't use the browser cached version of the geostyle.css document.
As an example we will find the "bodytable" css control found within the source of the front page template. Open the "geostyle.css" file within the text editor of your choice. Using the text search facility search for "bodytable" within the file. You can then change any css aspect of the html element the "bodytable" modifies to what you want it to be. Save the file and upload it over the geostyle.css file you have currently on your site.
FINDING CSS CONTROL WITHIN CSS MANAGEMENT ADMIN TOOL:
To find the css control used within the mainbody dynamic content generated by the script you can use the "CSS management" admin tool or if you know the page the css control appeared on you can navigate directly to that page and click the "font management" link. Two examples of finding the css control below....
To search all css controls go to the ADMIN TOOLS & SETTINGS > VIEW ALL CSS TAGS within the geo admin tool. A complete list of css throughout the whole site is displayed as a list on the page. You can enter your search term in the "Search for CSS tags by name:" and click the search button. If no search results appear check your spelling and try again. If the css tag still does not appear in the search try looking in the "geostyle.css" file mentioned above. If the css control is found it could possibly be used across more than one page...if so all pages the css control appears on will show up as search results for the css control. Next to the css control is the page it appears on. Choose the css control to the page you wish to control by clicking the edit button. Make the changes you want and click save. Refresh the page you were looking at to view the changes you made.
You can also find the css control on the ADMIN TOOLS & SETTINGS > VIEW ALL CSS TAGS page by opening the search facility for the browser itself and search for the term that way. If the browser finds the term you can click the edit button next to the css control. You will next find a list of pages the css control appears on. Click the edit button next to the page you are interested in. Make the changes you want and click save. Refresh the page you were looking at to view the changes you made.
TO MAKE THE CHANGE WITHIN THE PAGE ADMINISTRATION TOOL
Every page within the software has a page to administer most aspect specific concerned with that page. The text, template, modules attached to that page and the css controls for that page can be edited from that admin page.
For example lets say you want to edit the "display_ad_title" css control that appears on the ad detail page. You know it appears on the ad detail display page...so you navigate to that page within the pages administration tool.
PAGES MANAGEMENT > BROWSING LISTINGS > LISTING DISPLAY PAGE > [CSS/FONT MANAGEMENT EDIT]
You will find "display_ad_title" within the list of css controls displayed on the page. Click the edit button next to "display_ad_title". Make the changes you want and click save. Refresh the page you were looking at to view the changes you made.
Also note that each module you place within the design have their own separate css/font controls and are found much the same way as css/font controls are found within PAGES MANAGEMENT section of the admin tool. All you need do is navigate to the module admin page within the PAGE MODULES admin tool and click the same "font management" button to find/edit all css controls attached to the module.
