Winchester Black Responsive Template

[drm1963]

Is anyone else having issues with the Winchester Black News Archive table layout on the main page?

If I click on the sidebox "Latest News [more]" it will open the "News Archive" on the Main page. But when it opens the formatting does not work as it shows only one column with all of the information stacked inside of it. If I just change templates to "Responsive Classic" and refresh the page all looks as it should with the dates in one column and the New Articles in a second column. Maybe I am the only one who cannot find where the issue arrises from but I am fairly new to PHP and Zen Cart!

Any assistance will be greatly appreciated!


Winchester Black


Responsive Classic

[drm1963]

OK with all of the assistance I got on here! Yes I am being sarcastic!!

I found that I needed to go to the Responsive Classic Template CSS folder and copy the STYLESHEET_NEWS_BOX_MANAGER.CSS and drop it into the CSS folder of Winchester_black and Winchester_responsive. Only then did the News Archive table look as it was supposed to look.

This was before



and this is after I dropped in the CSS file.



As you can see the Table took shape.

and the text is in the table but the links are white until you hover or select them then they turn orange!

Sorry best I could do on this pict as I took it with my phone while I had the links highlighted.



Now if I can teach myself CSS and how to change just the link colors to

Black text or maybe leve it white but give it a Black background in the table would be the easiest fix!

Anyone out there willing to give me a hand PLEASE. As any changes I attempt effects the whole template not just the News Archive Table!

Here is the small amount of code form the STYLESHEET_NEWS_BOX_MANAGER.CSS file.

Can anyone assist me!

#newsscrollbox ol { margin: 0; padding: 0; list-style-position: inside; }

#moreNewsDefault .news_header { font-weight: bold; padding-right: 0.3em; }
#moreNewsDefault .newsContent { padding: 0.3em 0; }

#news-table { display: table; border-collapse: collapse; width: 100%; margin: 0.8em 0;}
.news-row { display: table-row; border: 1px solid #444; }
.news-heading { font-weight: bold; }
.news-cell { display: table-cell; padding: 0.5em; border: 1px solid #444; }

Supposedly the News Archive section will not work because :

Quote I pulled from an email I received on this same subject!

The News archive that you are talking about is not native zen cart fucntionality. It is an add on plugin. The template packages are compatible with any stable, properly installed plugins. If the plugin is not responsive then you will need to convert it to be responsive.

UN-Quote

One simple CSS file dropped into the CSS folder of both templates and hopefully a small amount of CSS code and it is fixed in Winchester_black!!

The CSS file moved into the Winchester_responsive templates CSS folder fixed it !

[DarkAngel]

Now if I can teach myself CSS and how to change just the link colors to

Black text or maybe leve it white but give it a Black background in the table would be the easiest fix!

Anyone out there willing to give me a hand PLEASE. As any changes I attempt effects the whole template not just the News Archive Table!

Here is the small amount of code form the STYLESHEET_NEWS_BOX_MANAGER.CSS file.

Can anyone assist me!

#newsscrollbox ol { margin: 0; padding: 0; list-style-position: inside; }

#moreNewsDefault .news_header { font-weight: bold; padding-right: 0.3em; }
#moreNewsDefault .newsContent { padding: 0.3em 0; }

#news-table { display: table; border-collapse: collapse; width: 100%; margin: 0.8em 0;}
.news-row { display: table-row; border: 1px solid #444; }
.news-heading { font-weight: bold; }
.news-cell { display: table-cell; padding: 0.5em; border: 1px solid #444; }

Supposedly the News Archive section will not work because :

Quote I pulled from an email I received on this same subject!
UN-Quote

One simple CSS file dropped into the CSS folder of both templates and hopefully a small amount of CSS code and it is fixed in Winchester_black!!

The CSS file moved into the Winchester_responsive templates CSS folder fixed it !

Without actually playing around with it I think this is the right place to try, in red is what you could write for text color change:

#moreNewsDefault .newsContent { padding: 0.3em 0; color: #000000;}

#news-table { display: table; border-collapse: collapse; width: 100%; margin: 0.8em 0; color: #000000;}


Try one first then test out your page if that doesn't work then try the other one.

color: is usually for font color
background-color: is usually for the color behind the letters...LOL

css is fairly simple to change color choices --on the other hand since .newsContent is grouped with the first one, it may have to be grouped by itself by just adding it separately and just removing the .newsContent from the other:

.newsContent { padding: 0.3em 0; color: #000000;}

[drm1963]

I can see where that is changing colors as you spoke of but I think I see what the difference is. I think the words in the right hand are links because they are one color until you hover over them and then if it is one you have visited before they are a different color in the Winchester_responsive and Responsive_classic templates.

I have found in the Stylesheet.css file on line 6 where this is controlled for the whole template as I can change colors there and it will effect it but it also does it for the whole site not just in the table. We are close but I have a bit more research to do I think.

I believe it effects the links for the complete site but here is that code from the stylesheet.css file.

a:link, #navEZPagesTOC ul li a {color:#fff;text-decoration:none;}
a:visited {color: #fff;text-decoration:none;}
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {color: #ff6938;}
a:active {color:#fff;}

[drm1963]

I actually started playing with the Back ground colors as well as the back ground colors and I think what I have come up with will work just fine for me!

The way I tried earlier really did not to get it to look correct but then I started thinking about what you said about the back ground color and that did the trick. For me anyways!

I edited one line out of the code I had shown earlier

I changed this :

.news-cell { display: table-cell; padding: 0.5em; border: 1px solid #444; }

to this

.news-cell { display: table-cell; padding: 0.5em; border: 1px solid #444;background-color:000; }

and I went from this:



To this:



and as you can see it more closely matches the rest of the Winchester_black template!

This appears to work and I will continue to test it on my test server to see if it effect anything other than just the one table in the News_Archive!

So We just fixed what I was told by one of the people who developed the Template could not work with the News Archive. As far as I can tell we moved 1 CSS file and addone bit of Background color CSS to the file! STYLESHEET_NEWS_BOX_MANAGER.CSS that we moved earlier!

Quote I pulled from an email I received on this same subject!

The News archive that you are talking about is not native zen cart fucntionality. It is an add on plugin. The template packages are compatible with any stable, properly installed plugins. If the plugin is not responsive then you will need to convert it to be responsive.

Hopefully this will help someone else get this to function as it appears it should!!
Tnak you for that bit of knowledge and assistance!

[DarkAngel]

Yuppers you dood it, I am very proud of you.

Now the only thing you did forget---and although it did not mess up with this one but maybe the others should you tackle any colors is to remember to ad the pound sign -- # before your color code. without it it may be reading it as transparent ( sometimes you can write transparent in there without the hex code) and that will allow the themes normal background color to be used.

I am disappointed in many of the templates we get to use from 1.3.+ to now and especially a lot of the responsive ones to cause the creator (s) say that since they are free they do not really help that much cause their PAID for ones are more important. I agree somewhat with that reasoning, since of course it is their livelihood however, if the free templates do not work right and they o not make the effort to at least come in for the problems then it leaves a bad taste and why would someone chance the paid for templates --- in case something goes wrong there and then you are charged a price for help after paying for the item to begin with.

Like 3d items if the free ones are not up to par they do not make sales unless the consumer knows how to fix the problem themselves. IMHO only...I unfortunately have never gotten this template to work since 1.3.9 and it is disappointing cause I love the darn thing and how it looks.

Feel free to send me a message if you need more css help, if I can help I will try to steer you in the right direction of where to try. I learned to do some changes in css the hard way and with the help of some of the members here too. Some go above and beyond.

[drm1963]

Thannk you again for the knowledge.
I agree with you on the Free templates and the authors missing sales either because there is something in them that does not function or they care less about assisting anyone with fixing an issue. It is so much easier to say that something else is causing the issue and not my coding.

But anyways. I will double check to make sure I put the # sign in but if I did not I will do it now!

Thank you again!!!