Keyword

Item text appears ABOVE title?!

  • Mathias
  • Mathias's Avatar Topic Author
  • Offline
  • New Member
More
11 years 10 months ago - 11 years 10 months ago #115896 by Mathias
Item text appears ABOVE title?! was created by Mathias
Hi!

I have a problem when creating an item/article. When I hide the creation date & time for an item, the first few words of the article appear next to the item title. Though this doesn't happen when the date is visible at the left side of the title.

Is there any way to fix this problem? Having multiple <p> at the start doesn't help, as the first word then appears at the end of the line.

Thanks!
Attachments:

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

  • Yiota
  • Yiota's Avatar
  • Visitor
11 years 10 months ago #115897 by Yiota
Replied by Yiota on topic Re: Item text appears next to title?!
This is probably because the title has a float:left and custom width.
You can put a clear element right after the itemHeader.

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

  • Mathias
  • Mathias's Avatar Topic Author
  • Offline
  • New Member
More
11 years 10 months ago #115898 by Mathias
Replied by Mathias on topic Re: Item text appears next to title?!
Would that be in....

/templates/(template)/css ?

And like this?

.catItemHeader .catItemAuthor {
float: left;
clear: both;

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

  • Yiota
  • Yiota's Avatar
  • Visitor
11 years 10 months ago #115899 by Yiota
Replied by Yiota on topic Re: Item text appears next to title?!
If you could provide me with a link to that page I could tell you exactly what you need to modify and where.

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

  • Mathias
  • Mathias's Avatar Topic Author
  • Offline
  • New Member
More
11 years 10 months ago #115900 by Mathias
Replied by Mathias on topic Re: Item text appears next to title?!

Yiota Ziaggou wrote: If you could provide me with a link to that page I could tell you exactly what you need to modify and where.



It appears on this page.

And a similar, yet bit different happens on the following page (the last few words of the title appear above the title)

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

More
11 years 10 months ago #115901 by BBC
Replied by BBC on topic Re: Item text appears next to title?!
This template has override for K2.

Put your .itemToolbar as 100% width, or more near 100%. Now it is 90% and allowing body text to get up there.

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

More
11 years 10 months ago - 11 years 10 months ago #115902 by jonny jackson
Replied by jonny jackson on topic Re: Item text appears next to title?!
add simply a "cleafix" after the ItemHeader... it's easy

in K2 php files you have a div like this
<div class="clr"></div>

try to add this div after your ItemHeader or create you own seperater div or (css) class

here is a tutorial for cleafix : css-tricks.com/snippets/css/clear-fix/

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

  • Mathias
  • Mathias's Avatar Topic Author
  • Offline
  • New Member
More
11 years 10 months ago #115903 by Mathias
Replied by Mathias on topic Re: Item text appears next to title?!

BBC wrote: This template has override for K2.

Put your .itemToolbar as 100% width, or more near 100%. Now it is 90% and allowing body text to get up there.


Thank you! That worked for the first problem.

And what about the repeat of the last few words of the title above the title on this page ?

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

More
11 years 10 months ago - 11 years 10 months ago #115904 by jonny jackson
Replied by jonny jackson on topic Re: Item text appears next to title?!
that is not repeat of the title :P

this is because of your breadcrumbs: it has 80% width; try to make it 100% or make a smaller fontsize for breadcrumbs.. in this case you have some place for your font-sizer:

Try this:

Add in css file line 552

....../templates/gk_musicity/css/template.css - Line 552

#gkBreadcrumb .breadcrumbs {
    float: left;
    font-size: 10px;
    width: 90%;
}


you can simply use Firebug Extension for Firefox to debug your website. It is very easy to use and you can easily solve this kind of problems by yourself.

cheers

JJ

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

  • Mathias
  • Mathias's Avatar Topic Author
  • Offline
  • New Member
More
11 years 10 months ago #115905 by Mathias
Replied by Mathias on topic Re: Item text appears next to title?!
Thnx! What I'm getting when we DO have the date next to the article title is this now..... first part of the text, ABOVE the title..

Is it fixed the same way as described earlier?
Attachments:

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

  • Mathias
  • Mathias's Avatar Topic Author
  • Offline
  • New Member
More
11 years 10 months ago #115906 by Mathias
Replied by Mathias on topic Re: Item text appears next to title?!
Hope someone can help me out with this one... can't seem to figure it out (I use Chrome btw, not Firefox)....

Thanks heaps!!

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

More
11 years 10 months ago #115907 by BBC
You need to use Firebug. Put all elements above body text at 100% width. If you have problem with its content give them little paddings.

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

  • Mathias
  • Mathias's Avatar Topic Author
  • Offline
  • New Member
More
11 years 10 months ago #115908 by Mathias

BBC wrote: You need to use Firebug. Put all elements above body text at 100% width. If you have problem with its content give them little paddings.


I'm so sorry...I've just downloaded Firebox & Firebug, but I can't seem to get much wiser.
When I try to put the width of "gkContent" to 100% (is 63% now), the modules at the right disappear (the article text does appear okay though), but that wouldn't be an option.

Taking this page as an example:
celinedion.nl/celinetest2/index.php/nieuws/item/412-une-seule-fois

Would really appreciate some more (detailed) help, as our deadline draws closer...

Thanks!!!!

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

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
11 years 10 months ago #115909 by Krikor Boghossian
Replied by Krikor Boghossian on topic Re: [SOLVED] Item text appears next to title?!
.itemToolbar { width: 80%}
.itemHeader { oveflow:hidden; }

Add these values as well. The classes are already there so you just c/p the values.

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

  • Mathias
  • Mathias's Avatar Topic Author
  • Offline
  • New Member
More
11 years 10 months ago #115910 by Mathias

Krikor Boghossian wrote: .itemToolbar { width: 80%}
.itemHeader { oveflow:hidden; }

Add these values as well. The classes are already there so you just c/p the values.


Thank you so much!! The first one did the work.... you're a star!

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


Powered by Kunena Forum