SOLVED forms css styling... Quasar template
-
-
- MalaCzarna
- Jr. Rocketeer
- Posts: 29
- Thanks: 0
-
I know this is working with a 3rd party extension but firebug says(if I'm reading this right, newbie to firebug) says it's a form.css styling problem and for the life of me I can't find the file anywhere. I've also tried to adjust it using FBug but nothing appears to change. Any tips on FB and how to use it would be cool too.
Here's a link and a photo with description. I tried for over 45 min to figure this simple things out...maybe I need another cup of coffee.
pocketchalker.com.previewdns.com/index.p...n=showcart&Itemid=54
www.malaczarnapila.pl/css.jpg
Thanks for some great templates and plugins. I have to say, this is the first template/extension club I've ever joined. I love what's available and plan moving from the extension club to a template club in the future.
Doug - Last Edit: 14 years 4 months ago by MalaCzarna.
- Newbie who's not so new...just slow on the know.
AND Yes, I read the Top Tips for Support and YES, it helps get results!!!
Links and screenshots get results!! Try It!!!
After reading some of the replies and people not paying attention to what is asked of them...I would like to promote this whole...
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi Doug,
Let's see if we can help a bit here
I have attached a screenshot of your site with Firebug in use. Please check it out to compare what I am referring to by my number guide below. I have put all stpes in as others my find this useful.
1. Right click on the screen for the element you want to investigate and select 'Inspect Element'. This opens Firebug in a pane below the main window. At the same time it highlights the code for where you clicked on the screen. Note - It may not be the code you are specifically looking for!
2. As you hover over the code lines on the left there will be a light blue box appear at the appropriate point on the screen. This enables you to identify exactly which piece of code affects your chosen item.
3. Once you have selected code on the left, the matching css code is shown on the right. The most recent code at the top and inherited code beneath that. As css is a cascading style sheet it means that the rules for style cascade down until told otherwise. So if your default font size is 12px in the main body then all fonts will be 12px unless there is an instruction otherwise. An example would be to set H1 as 18px. This would become the newer instruction as body is set at the start of the css.
4. For your problem I have highlighted the piece of code for the width you wish to change. With Firebug you can type changes into the right hand side and see the effect immediately. This is only in your browser, NOT the website code itself.
5. Once you have worked out what to change you can mouse over the filename on the right (in your case simplecaddy.css line 71) and it will display the path to the file.
For more information on Firebug check the link in my signature.
Hope this helps
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- MalaCzarna
- Jr. Rocketeer
- Posts: 29
- Thanks: 0
-
Thanks for the detailed response although i think you're trying to change the wrong thing aren't you? I'm trying to make the qty box only about 25px wide, not 143. The box itself. I was able to expand the total column but that isn't the goal here. Also it threw out the product price and the total.
Thanks again for the help. - Newbie who's not so new...just slow on the know.
AND Yes, I read the Top Tips for Support and YES, it helps get results!!!
Links and screenshots get results!! Try It!!!
After reading some of the replies and people not paying attention to what is asked of them...I would like to promote this whole...
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi there,
I have to say that when I looked at your site the total was inside the white box. It now appears to have a different layout.
OK - the problem is with the component as it is missing some css for styling.
Add the following code to the bottom of the simplecaddy.css file in components/com_caddy/css
.sc_edtqty {width:25px}
Hope this helps
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- MalaCzarna
- Jr. Rocketeer
- Posts: 29
- Thanks: 0
- Perfect....Thank you so Much...
- Newbie who's not so new...just slow on the know.
AND Yes, I read the Top Tips for Support and YES, it helps get results!!!
Links and screenshots get results!! Try It!!!
After reading some of the replies and people not paying attention to what is asked of them...I would like to promote this whole...
-
Time to create page: 0.058 seconds