Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Vertical Thumbnails with bad backgrounds

  • Randy Levine
  • Randy Levine's Avatar Topic Author
  • Offline
  • New Member
More
15 years 10 months ago - 15 years 10 months ago #24116 by Randy Levine
Vertical Thumbnails with bad backgrounds was created by Randy Levine
I have a problem with thumbnails showing up vertical and on bad backgrounds. I am on a temporary URL. Do you thin that matters? Here is a link to the sample seoul.directrouter.com/~sassersd/index.php?option=com_content&view=article&id=6&Itemid=7 Thanks!

I fixed the background problem, but still need help with the thumbnails showing up vertically and not horizontally. Thanks!

Please Log in or Create an account to join the conversation.

  • Yiota
  • Yiota's Avatar
  • Visitor
15 years 10 months ago #24117 by Yiota
Please take a look at this post

forum.joomlaworks.net/index.php?topic=8037

Please Log in or Create an account to join the conversation.

  • Randy Levine
  • Randy Levine's Avatar Topic Author
  • Offline
  • New Member
More
15 years 10 months ago #24118 by Randy Levine
Replied by Randy Levine on topic Re: Vertical Thumbnails with bad backgrounds
Found and corrected

.contentLayout li
{
float: left;
}

.Post ul li  does not say float .It looks like this:

.Post ul li, .Post ol ul li
{
background-image: url('../images/PostBullets.png');
background-repeat:no-repeat;
padding-left:14px;
}


But now my background and frames are whacked out. Sample: seoul.directrouter.com/~sassersd/index.php?option=com_content&view=article&id=6&Itemid=7

BTW I used Artisteer to make the template.

Thanks for your help so far.

Randy

Please Log in or Create an account to join the conversation.

  • Yiota
  • Yiota's Avatar
  • Visitor
15 years 10 months ago #24119 by Yiota
Go to your templates CSS and add the following lines:

li.sig-block { padding:0 !important; background:none !important;}
li.sig-block span.sig-link-innerwrapper { background:#fff !important; margin:0 !important;}

Please Log in or Create an account to join the conversation.

  • Randy Levine
  • Randy Levine's Avatar Topic Author
  • Offline
  • New Member
More
15 years 10 months ago #24120 by Randy Levine
Replied by Randy Levine on topic Re: Vertical Thumbnails with bad backgrounds
Hi,

I had to remove the line that said :
.contentLayout li
{
  float: left;
}
Because it made my login box on the front page sit on top of my navigation bar. Taking that out fixes the background and frame, but the thumbnails are vertical again. Is there a better fix for all this?

What do I do about that? Then, do I still put the 2 lines of code into the CSS, and if so , where does it go? I'm sorry, I'm not a coder.

Thanks!

randy

Please Log in or Create an account to join the conversation.

  • Yiota
  • Yiota's Avatar
  • Visitor
15 years 9 months ago #24121 by Yiota
The thumbnails are vertical because you have put tables right next to each of them and they no longer have the appropriate spacing to be floated left. Try cleaning up the pages html from the administration and to make it show vertically and with the table next to each other try putting a <div class="clr"></div> under each table.

Your page should be like:

{gallery}{/gallery}
<table></table>
<div class="clr"></div>
{gallery}{/gallery}
<table></table>
<div class="clr"></div>
{gallery}{/gallery}
<table></table>
<div class="clr"></div>

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum