Adjusting CSS in Global.CSS

[lawprelimjt]

Hello Everyone,

 

Prestashop 1.5.6.2

www.sellexcel.com

Using for about a month

Skill Level - I would say talented.

Adobe Dreamweaver CS6

 

I'm very new at this, but I do have some knowledge of writing language.  I'm currently moving my modules around using a file called global.css. I'm finding the fonts, Padding, Width's, Height's, etc., and adjusting them.  After I "Put" using Dreamweaver, I refresh my page to find out if the new position will suffice.  I've successfully moved my Login (Lock), Logo, and Cart, and the About Us section at the top, but I cannot find the catagory's section, right under my logo (Manufacturing, Quality Control, Sales, etc.) to adjust in any way.  I suspect that it's in another .CSS File, but I'm too inexperienced to know for sure.

 

This may not be a good way to adjust my website outside of Prestashop, but it's all that I know for now.  Can anyone share their experience with me, and advise me of a better, faster, easier way to do this?  Not only is it frustrating, but it's very time consuming.

 

If you go to my sire, bring your mouse arrow just under the "C" in "Welcome", and there will be a link to my page.  Right now it's a coming soon page, but there is access if you click just under the "C".

 

Any help would be MUCH appreciated.  Thanks for your time.

 

Paul.

[lawprelimjt]

I made a mistake in the title.  It should have said "Adjusting CSS in Global.CSS.  I don't even know how to delete it, change it, or edit it....Bummer.

[osdznr14mm]

Hi Paul,

 

I'm going to sound like a broken record, but what I find very helpful is to view the site in the Google Chrome browser and then right click on the element you want to change and select "inspect element." It'll bring up a code window at the bottom with a column on the right that shows the css styles, what file it's in, and what line number it's on. (See screenshot.) It'll just show the css filename, but if you hover over it, you can see the full path. Your nav buttons are in the http://sellexcel.com/presta/themes/fashionbird/css/bootstrap.css and http://sellexcel.com/presta/themes/fashionbird/css/modules/blocktopmenu/css/superfish-modified.css. In Chrome you can temporarily preview changes in your css by clicking on the css in the right hand column. To make permanent changes you can use Dreamweaver or any text editor. Yes, it is very time-consuming to customize a theme, took me forever. But this helps you find the styles. 

 

BTW, that was hard finding a way into your site. I didn't see any "welcome." I had to look at the code to find the link!