Hi there,

Thanks for sharing! I'm happy to look into this, but please post a new thread as this one is already very long and pertains to a specific topic ;-)

Best,

Christopher

Hi Christopher,

Thanks for all your help into this. It's ok. Like I said this particular client will not use a video 1 style page like your demo. So i can just use the video format for my page.

On another note: I did however notice another little bug...

When you switch pages the browser tab says the "page title | Site Title".

The way it is now is "page title | blank" ........but when you hit refresh it populates the right hand side.

If you switch page from menu again the right side goes blank again and will not show up unless you refresh the page.

I have found a solution that fixes this by removing the $ from (ajax) sign on this line in header.php.

<!--PAGE INFO FOR UPDATING BODY CLASS AND DOC TITLE-->
<div id="page-info" data-page-title="<?php wp_title( '|', true, 'right' );?>" <?php body_class(ajax);?>></div>

This is prob not the best way but it works now.
Maybe you could advise.

Cheers,

Jeff

Hi there,

Ah, yes, only the aside format has the 2nd line styling. Beyond removing the styling all together for the aside format, I really can't think of another approach that will address this peculiar issue.

Best,

Christopher

Yes, had tried to clear cache before with no css but no change. You see it looking properly now because I changed each post on "season 4 episodes" from Aside to Video Format and skipped the adding a video and now the title displays correctly. Just "Aside Format" seems to do that on both my installations (Where the second line of title is different font-size and weight).

Cheers,

Jeff

Hi there,

I just checked the "season 4 episodes" page and everything seems to be working like it should now. Maybe try clearing browser cache?

Let me know.

Best,

Christopher

Hi Christopher,

I took that custom css out that I had, and just placed the category specific css you where getting me to try, I changed "Paddling North Carolina’s Crystal Coast" back to Aside and the second line of the title is still a smaller weight and font-size.

I thought i should mention that I tried a different installation and the same thing happens. Is it something you can test on your end maybe? For now my client does not use a dedicated videos page anyway so for me to use the video format and the title is ok... works for me. But I am very curious if it is my install maybe something corrupt...?? Let me know if you find something.

Thanks very much, Cheers,
Jeff

Hi there,

Try removing all your extra CSS and JUST use the CSS I've been providing. See if that has an impact.

Let me know.

Best,

Christopher

Hi Christopher,

This is the only custom css i have placed in custom css:

.entrytitle {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
line-height: 24px;
position: absolute;
top: 5px;
left: 30px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
width: 93%;
}
a {
text-decoration:none;
position: relative;
}
a:hover {
text-decoration:none;
}
@media screen and (max-height: 750px) {
#logo {
max-width: 33%;
}
}
@media screen and (min-height: 350px) {
#logo {
max-width: 55%;
}
}

I looked at your demo site and you are right it does not do it there... The only difference I see is yours has video added.

Sooo...... I changed the format from aside to video and just did not include a video at all.

The title displays in the correct weight and font now like yours.

So I think it is when the title is too long and you use format "Aside".

Really they are the same setup though I think right Christopher?

Thanks for all your help by the way I did not want to be annoying lol.

Let me know if I am wrong about anything..

Cheers,

Jeff

Hi there,

Just want to clarify/check something...

Have you ADDED any of your own CSS styling to the theme before/after you posted here in the forums? I did a check in the demo site and this issue is not occurring there.

Let me know.

Best,

Christopher

Hi Christopher,

I placed the above into respond.css and still no change.

I currently have it removed and back to normal.

Cheers,

Jeff

Hi there,

Sounds like you'll have to manually apply this one to respond.css in the CSS folder...

@media screen and (max-height: 600px) {
     body.category-20 .format-aside .posttitle::first-line,
     body.category-20 .posts-container .posttitle {
         font-size: 12px !important;
         line-height: 1.5em !important;
     }
}

Let me know if that takes...

Best,

Christopher

Hi Christopher,

I am sorry, same thing no change. Would it help if you had access?

Cheers,

Jeff

Hi there,

Try this...

@media screen and (max-height: 600px) {
     body.category-20 .format-aside .posttitle::first-line,
     body.category-20 .posts-container .posttitle {
         font-size: 12px !important;
         line-height: 1.5em !important;
     }
}

Let me know.

Best,

Christopher

Hi Chris, sorry for the delay. I have placed it to the top of the custom css box and same result.

It's as if it is not taking the category to adjust it. As soon as i remove the body.category-season-4-episodes it works but for both season 4 episodes and cast and crew.

Cheers,

Jeff

Hi there,

Not sure if this will make a difference, but try putting the CSS at the top of the CSS box so that it's the first styling listed.

Let me know if that has any impact as I'm very confused why the styling isn't being applied.

Best,

Christopher

Good Morning Christopher,

Thank you for your response.

I tried the new custom css you sent. There was still no change.

Currently I have the css you sent in the custom css box.

Sorry, Jeff

Try this in the Custom CSS box instead...

@media screen and (max-height: 600px) {
     body.category-season-4-episodes .format-aside .posttitle::first-line,
     body.category-season-4-episodes .posts-container .posttitle {
         font-size: 12px !important;
         line-height: 1.5em !important;
     }
}

Let me know...

Best,

Christopher

Hi Chris,

Thank you, I removed it from the custom css and placed the code into the respond.css file. There was still no change.

I hate to keep bothering you with this :( I am sorry...
Current state is: I have put your css-code back in custom css and taken it out of respond.css.

Maybe its overwritten somewhere else again. Seems like your solution should work to me.

Cheers,

Jeff

Hi there,

I'm not sure why that isn't being applied. Maybe try adding it to css/respond.css

Let me know.

Best,

Christopher

Hi Christopher,

Sorry about that. I re-applied the custom css you gave me (in customize-custom css) and published it. You can now take a look.

Cheers,

Jeff

Hi there,

You don't want to remove the category specific class names.

Regarding the edits, please reapply my CSS and let me know when it's live. I'll check it out.

Best,

Christopher

Thanks for quick reply again Christopher,

I copied the custom css and tried it. There was no change.

When I remove the body.category-season-4-episodes like this, it then starts to work but affects both cast and crew and season 4 episodes.

It doesn't seem to want to only do it for the season 4 episodes page like you intended.

@media screen and (max-height: 600px) {
(removed->)body.category-season-4-episodes(<-Removed) .format-aside .posttitle {
font-size: 12px !important;
line-height: 1.5em !important;
}
}
I assume by adding that line body.category-season-4-episodes, you were trying to tell it to only adjust for that category.

It sounds like it should work did we miss something maybe?

Thanks so much for your help in advance.

Jeff

Hi there,

Try this in your Custom CSS box on the Customize page...

@media screen and (max-height: 600px) {
     body.category-season-4-episodes .format-aside .posttitle {
          font-size: 12px !important;
          line-height: 1.5em !important;
     }
}

Let me know if that helps.

Best,

Christopher

Thanks for quick reply Christopher.

The site is now live. I just launched it today actually.

The link to the page is:
http://www.facingwaves.com/category/season-4-episodes/

I am seeing this on iPhone dimensions really only I think.
You will see what I mean. Cast and crew is good ;) like you demo :)

What do you think?

Hi there,

Can you provide a link to your site? I'll check it out and see if there's something we can do...

Best,

Christopher

Hi Chris. I noticed on my page that if I set up a category page using aside ... If the post title is too long and you view with a mobile phone when the title text goes to the second line it has a smaller less weight font. I realize this is needed for example the cast and crew when you use "|". I did look at code and seen that if "|" or a
Is seen it will change the font size and weight.

So I like the way cast and crew works out but when it is just a straight up title and is too long the words on second line look like they don't belong too the title.

I tried to see if we could shorten the title but my client is pretty set on the titles.

Is there anything I can change Chris? Thanks very much for taking time. We love the theme and everything else seems to be working great!

Cheers