HomeHome Product Discus... Product Discus...SmithCartSmithCartCSS Styling Questions and Anomalies Found... Need help.CSS Styling Questions and Anomalies Found... Need help.
Previous
 
Next
New Post
10/27/2011 12:10 PM
 

The site I am setting up can be found here:

http://mmtickets.cboss-staged.com/ClickforTickets.aspx

When veiwed in IE you will notice a few odd things:

  1. Images on products will be laoded... if you roll over the categories to the left in the sidebar - the images will go away. Why is this?
  2. If you select a category... it will be highlighted with a grey color. I cannot seem to chage that selected highlight color. I can change the rollover color - which I have already done (blue) - what style needs to be added to change this. Or even if I can change the selected category text to black... that would work too.
  3. The Minicart below the categories has a button with no link in it. If you scroll down the page you will notice it siting behind the middle banner (orange) in the upper right side. Why is that link shifting out of place?

Any help with these little items would be greratly appreciated. Thanks.

 
New Post
10/28/2011 5:33 PM
 

Hello,

I took a look at the link you provided above and noticed the same behavior.

Which version of the Cart and DNN are you running?

1. This may be a css conflict with the skin you have installed. As a test can you enable the default DNN skin to see if the buttons displays correctly.

2. You should be able to change the background color or text color of the following class in the module.css file located in DesktopModules\Smith.CategoryMenu:

.SelectedNodeStyle

{
font-size: 12px;
display: block;
text-decoration: none;
background-color: #D7D7D7;
/*border: 1px solid #999999;*/
padding: 2px 2px 2px 2px;

3. I was unable to see this issue on your site however this may also be the result of a css conflict, when you enable the default DNN skin does it display correctly?

Thanks,

 
New Post
10/31/2011 10:49 AM
 

I am using cart version 4.67.0 and DNN 6.0.2

I have tried the other DarkKnight Theme... it seems to work, however another thing I noticed is that after the images disappear they seemt o come back if you hover over the pane that he store is in... not sure what is happeneing here.

Here is the code I am using for the selected node:  

.SelectedNodeStyle {
 font-size: 12px;
 display: block;
 text-decoration: none;
 background-color: #00468e;
 /*border: 1px solid #999999;*/
padding: 2px 2px 2px 2px;
}

this should give me a blue bg when selected... it is still grey. I know that I do not have another CSS property called .SelectedNodeStyle - any other thoughts on this?

Thanks.

 

 
New Post
10/31/2011 12:29 PM
 
Not to sound like a parrot....

FireBug for FireFox, or in Chrome do "Inspect Element". It will show you which CSS elements are being applied, and which ones are over-ridden.
 
New Post
10/31/2011 12:31 PM
 

I will take a look at Firebug. I appreicate it. Thanks.

 
Previous
 
Next
HomeHome Product Discus... Product Discus...SmithCartSmithCartCSS Styling Questions and Anomalies Found... Need help.CSS Styling Questions and Anomalies Found... Need help.