Ahhh, ok. So perhaps then I can't use this mod with this template?
Thanks for the reply! :)
Printable View
Ahhh, ok. So perhaps then I can't use this mod with this template?
Thanks for the reply! :)
I could be 100% sure, but at a quick glance it appears to be an issue with your tables.
If you open the page in your browser and do View Source, then look for "Shipping is a necessary evil" you will see that the containing table is set with a width of 100%. This will always fill to the max space going over your gray border at the right hand side.
As for the Date and Zen Cart News title, you could always edit the code of the news app to put these in a table instead of DIV to meet your templates needs, and change the CSS to match your sites colour scheme.
I did this at this site for my client. http://www.themobilephonesite.co.uk/...main_page=news
Matt
i have some question about this modules : I would like customer see all of recent news in past as name not date like now .
How to do that ? :lookaroun
Thanks for the reply! :smile:Quote:
Originally Posted by laughingbuddha
I've finally had time to sit down and take a look at this, and it's not the 100% table I inserted (the "Shipping is a necessary evil" part). I knocked it down to 75% and it's still doing it because it's the actual module.
What/where did you edit to make it fit on the site you linked?
I've been having a problem for a while and have tried about everything in the stylesheet I can think of with no luck. It's happening in 2 stores, one v1.37 and the other v1.38a.
:frusty:
Everything is aligned so far left, it is almost running off the center column. I have tried padding, margins, and several other things I've looked up about css.
If I've missed the fix in this rather long thread - my apologies.
Any help getting my news articles to go to the right would be greatly appreciated.
thank you,
betty
Hey bettysue, do you have a link so I can checkout your problem? I'll be able to help you much better that way.
- Jonah
Sure Jonah, I appreciate it. Just don't laugh too hard when you see some of the padding I left on the stylesheet...little things out of desperation like a left padding of 120px..lolQuote:
Originally Posted by bombknex
http://www.carefree##################.com/
thank you for your help, it is much appreciated!! btw This is the v1.38a store.
betty
It looks fine right now, aside from hugging the center column like you said is the problem. :)
There are a couple of ways I can think of to do this...
1. The least involved would probably be to just create a wrapper div around where you put your news into the page template. For example, this code you insert into whatever page is going to display your news:
Instead of that, just wrap it in a div like so:Code:<?php include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_NEWS_SUMMARY_MODULE)); ?>
And then style the div with your desired margin/padding or whatever. You can even use the cascade to then style classes or items within the new div.Code:<div id="news"><?php include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_NEWS_SUMMARY_MODULE)); ?></div>
2. The next option, a little more difficult and will require delving into PHP is to modify the news.php class. This is located @ includes/classes/news.php (and by the way, make sure you know all about overrides and backup your site before doing a lot of this type of stuff). It's not fully customizable but there are some things you can do... If you look at this code (starting at line 27):
...you can see where the markup is created for the news content. If you want you can change classes or add markup to customize the plugin more. For example before line 28 you could add your news wrapper div:Code:function newsHeader($header, $date, $links_array = false) {
$this->news_page .= '<div class="newsHeader"><h1>' . $header . '</h1></div>' . "\n";
$this->news_page .= '<div class="newsHeadlineText">' . $date;
if ($links_array && is_array($links_array)) {
foreach ($links_array as $link) {
$this->news_page .= ' | <a href="' . $link['link'] . '">' . $link['text'] . '</a>';
}
}
$this->news_page .= '</div>' . "\n";
$this->clearSplit();
return true;
}
You could add:Code:$this->news_page .= '<div class="newsHeader"><h1>' . $header . '</h1></div>' . "\n";
...Just make sure you close things like divs where they should be closed, you'll have to figure that out.Code:$this->news_page .= '<div id="news"><div class="newsHeader"><h1>' . $header . '</h1></div>' . "\n";
3. And finally another option would be to try and setup or modify some of the style declarations for the news markup. Maybe you've already tried this, but, taking a look at the markup via View Source you'll see:
You can try setting styles for some of the classes in there. If you wanted to apply the same style to everything just wrap each class into one declaration:HTML Code:<div class="newsHeader"><h1>Carefree Golf News</h1></div>
<div class="newsHeadlineText">THURSDAY 20 DECEMBER, 2007 | <a href="http://www.carefree##################.com/index.php?main_page=news_rss"><img src="includes/templates/custom/images/icons/news_rss.gif" alt="RSS Feed" title=" RSS Feed " width="15" height="9" /></a></div>
<div class="clearSplit"><hr /></div>
<p class="articleHeading">Annual Fun Day Golf Tournament</p>
<p class="articleByLine"><span class="author">by Bill</span> | <span class="comments"><a href="http://www.carefree##################.com/index.php?main_page=news_comments&article_id=1">post a comment</a></span></p>
<strong>Annual Fun Day Golf Tournament</strong> <br />
Monday, May 5th, 2008 <br />
Tatum Ranch Golf Course<br />
Shotgun Start: 12.30 p.m.<br />
Price includes:<br />
Dinner following the tournament, raffle prizes<br />
*A FREE FOURSOME of golf for each player<br />
(for a later date)<br />
Hole in One<br />
Donated by Midway Chevrolet<br />
<div class="clearboth"><hr /></div>
<ul class="articleLinkList">
<li><a href="http://www.carefree##################.com/index.php?main_page=redirect&action=url&goto=www.carefreecavecreek.org%2Fgolf.php" target="_blank">Complete Details</a></li>
</ul>
<div class="clearSplit"><hr /></div>
<div class="splitSolidGray"><hr /></div>
<div class="clearSplit"><hr /></div>
<div class="clearSplit"><hr /></div>
<p class="articleText"><a href="http://www.carefree##################.com/index.php?main_page=news_archive">News archive</a></p>
Theres a few different options and hopefully one will work for you. Good luck!Code:.newsHeader,.newsHeadlineText
,.articleLinkList,.articleText { margin-left: 20px; padding: 20px; ... etc }
- Jonah
Wow Jonah...and I thought I had a headache before!!!!
Am I the only one having this problem??? I'm just using the default template. It may not look like it, but that's all it is.
As far as "whatever page is going to display the news" I would assume that would be the assorted news templates. Is that what you are referring to for the first solution?
For solution #2, I do know all about overrides, as I customize every store I do. What I don't know all about is php. Thus my problem, as usual. I can get partway there, but never quite all the way.
So I guess I'll have to try for solution Number one.
thank you,
betty
Jonah had it right with the first suggestion, wrapping the complete News article(s) in a Wrapper and applying CSS to the Wrapper.
I'm not familiar with this Mod but I do wonder about this:
# !-- eof upload alerts -->
#
# <table width="100%" border="0" cellspacing="2" cellpadding="2">
# <tr>
# <td class="breadCrumb"> </td>
# </tr>
# </table>
Should give the same, blank space, effect.Quote:
<br /><br class="clearBoth />
Not sure about all the other styling changes suggested by Jonah but the first is where you would start.