K2 Content Header Title

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Apr 11, 2013 5:32 am
Reply with quote
Report this post
Hi,

How do I change the header to match Magazines title header, in the K2 Content component?

I've got it on my homepage so that I can bring all blog content direct to Joomla homepage instead of a blog homepage. Everything I can get correctly inline with the style, except the header.

I tried wrapping h2 around the title in the module default.php template itself, but that didn't seem to work.

Need help please with this so that titles match correctly.

Anthony
User avatar
Junior Boarder

Konrad M
Thu Apr 11, 2013 11:01 am
Reply with quote
Report this post
Hi,
please give us url to your webiste. It will be much easier to help you.
User avatar

GK User
Thu Apr 11, 2013 11:02 am
Reply with quote
Report this post
The site is locked out as under development.

Screen Shot 2013-04-11 at 8.01.05 PM.jpg
User avatar
Junior Boarder

GK User
Thu Apr 11, 2013 11:05 am
Reply with quote
Report this post
You can see the issue at the beginning, how it places the title by default.
Code: Select all
<li class="even lastItem">
                  
                  <!-- Plugins: BeforeDisplay -->
                  
                  
                  <!-- K2 Plugins: K2BeforeDisplay -->
                                                                        <a class="moduleItemTitle" href="/component/k2/1-be-car-care-aware.html">Be Car Care Aware</a>
                                    
                  <!-- Plugins: AfterDisplayTitle -->
                  
                  
                  <!-- K2 Plugins: K2AfterDisplayTitle -->
                  
                  
                  <!-- Plugins: BeforeDisplayContent -->
                  
                  
                  <!-- K2 Plugins: K2BeforeDisplayContent -->
                                                      <div class="moduleItemIntrotext">
                                                <a class="moduleItemImage" href="/component/k2/1-be-car-care-aware.html" title="Continue reading &quot;Be Car Care Aware&quot;"> <img src="/media/k2/items/cache/2fa67f482133f1c934235b73c2a03954_XL.jpg" alt="Be Car Care Aware"> </a>
                                                                        Be Car Care Aware is a campaign awareness website promoting automotive aspects that are often not known. They provide answers to many simple questions that drivers just don\'t understand, or often realise the impact upon the cars safety or environment. With a little understanding, as a driver you can change your habits to benefit you, save yourself time and money, whilst ensuring your cars safety is priority. Some simple questions many drivers don\'t know the answers to may be: When do I rotate my tyres? How do I protect my cars interior? Can I use any tyres for my vehicle?…                                          </div>
                                                      <div class="clr"></div>
                                    <div class="clr"></div>
                  
                  <!-- Plugins: AfterDisplayContent -->
                  
                  
                  <!-- K2 Plugins: K2AfterDisplayContent -->
                                                                                                                                                                  <a class="moduleItemComments" href="/component/k2/1-be-car-care-aware.html#itemCommentsAnchor"> Be the first to comment! </a>
                                                                                                            
                  <!-- Plugins: AfterDisplay -->
                  
                  
                  <!-- K2 Plugins: K2AfterDisplay -->
                                    <div class="clr"></div>
            </li>
User avatar
Junior Boarder

GK User
Thu Apr 11, 2013 11:09 am
Reply with quote
Report this post
The obvious difference between what it shows in the module when place as the homepage versus the K2 blog page itself, is:

Unknown.png


Unknown-1.png
User avatar
Junior Boarder

Konrad M
Thu Apr 11, 2013 12:39 pm
Reply with quote
Report this post
Please add suffix to this module. For example ' mysuffix'. Then please add to override.css
Code: Select all
.mysuffix .k2ItemsBlock a.moduleItemTitle,
.mysuffix .k2ItemsBlock a.moduleItemTitle:hover {
    color:#242424;
}
.mysuffix .k2ItemsBlock a.moduleItemTitle {
    font-size: 44px;
    font-weight: 300;
}

and remember to enable override.css option in template settings.
User avatar

GK User
Thu Apr 11, 2013 11:49 pm
Reply with quote
Report this post
Thanks Konrad... worked a treat. Had to use !important for the colour, though worked nicely overall.

Thank you very much.
User avatar
Junior Boarder


cron