Support Forum - Topic: Portfolio pages ignore images of custom CSS for h5 headlines

Support Forum - Topic: Portfolio pages ignore images of custom CSS for h5 headlines http://www.kriesi.at/support/topic/portfolio-pages-ignore-custom-css-which-are-correctly-displayed-at-normal-pages Support Forum - Topic: Portfolio pages ignore images of custom CSS for h5 headlines en-US Thu, 23 May 2013 09:51:54 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php colorit2 on "Portfolio pages ignore images of custom CSS for h5 headlines" http://www.kriesi.at/support/topic/portfolio-pages-ignore-custom-css-which-are-correctly-displayed-at-normal-pages#post-47779 Thu, 22 Mar 2012 16:01:43 +0000 colorit2 47779@http://www.kriesi.at/support/ Thanks a lot! Dude on "Portfolio pages ignore images of custom CSS for h5 headlines" http://www.kriesi.at/support/topic/portfolio-pages-ignore-custom-css-which-are-correctly-displayed-at-normal-pages#post-47705 Thu, 22 Mar 2012 11:00:13 +0000 Dude 47705@http://www.kriesi.at/support/ Hey! I think the errors are triggered by the wp-fade-in-text-news.js script (wp-fade-in-text-news plugin). I'd deactivate it. You can use developer consoles (Firebug, Chrome/Safari dev tools to log the js errors). Best regards, Peter colorit2 on "Portfolio pages ignore images of custom CSS for h5 headlines" http://www.kriesi.at/support/topic/portfolio-pages-ignore-custom-css-which-are-correctly-displayed-at-normal-pages#post-47639 Thu, 22 Mar 2012 02:05:45 +0000 colorit2 47639@http://www.kriesi.at/support/ ok, I understand, thanks a lot! I have added another CSS style for the h5 especially for the portfolio pages and now it works fine. However, the Cufon plugin still don't work at those portfolio pages (<a href="http://tinyurl.com/8ygbgxm)" rel="nofollow">http://tinyurl.com/8ygbgxm)</a>, but on all other pages and posts ... But if there's no solution on the quick, I will do the work-around with dynamic templates (<a href="http://tinyurl.com/837cfp4)" rel="nofollow">http://tinyurl.com/837cfp4)</a>, then Cufon plugin is also working fine. How have you found out this javascript error every millisecond? I'm not so familiar with this, but I would like to take a look at it, too ... Kriesi on "Portfolio pages ignore images of custom CSS for h5 headlines" http://www.kriesi.at/support/topic/portfolio-pages-ignore-custom-css-which-are-correctly-displayed-at-normal-pages#post-47605 Thu, 22 Mar 2012 00:20:53 +0000 Kriesi 47605@http://www.kriesi.at/support/ Hey! you need to add a padding to the ruling. the portfolio entries on normal pages got different padding by default, if you dont add it to portfolio h5 tags the background image offset of 18px will simply move the background image out of view. <pre> h5 { background: url("../images/shared/stripes.gif") repeat-x scroll center 18px transparent !important; color: #777777; font-size: 12px !important; font-weight: normal !important; letter-spacing: 2px !important; margin-bottom: 12px; margin-top: 10px; text-align: center; text-transform: uppercase; width: 100%; padding-top: 15px; } </pre> Unfortuantely I couldnt find the error with your cufon plugin. Only thing I noticed that a script is throwing a javascript error every milisecond,. I am not sure if this is related but its definitley not good :) colorit2 on "Portfolio pages ignore images of custom CSS for h5 headlines" http://www.kriesi.at/support/topic/portfolio-pages-ignore-custom-css-which-are-correctly-displayed-at-normal-pages#post-47333 Wed, 21 Mar 2012 01:06:26 +0000 colorit2 47333@http://www.kriesi.at/support/ ok, I isolated this error a bit more: (1) this error occurs, if you create a page and allocate the portfolio category/items by using the theme's settings -> Portfolio then a) the stripes of my custom CSS for h5 headlines are not visible b) All-in-one-Cufon shows the standard font and not the Cufon font for defined headlines But: (2) if you create portfolio pages in another way, by creating a normal page and assign a dynamic template to it, then a) the stripes of my custom CSS for h5 headlines are visible again b) All-in-one-Cufon shows my defined fonts to certain headlines or texts Demonstration: Portfolio page made as normal page, without dynamic template: <a href="http://tinyurl.com/7sjqved" rel="nofollow">http://tinyurl.com/7sjqved</a> Portfolio page made assigned to an own dynamic template: <a href="http://tinyurl.com/87vqs7v" rel="nofollow">http://tinyurl.com/87vqs7v</a> Compare at these two pages the Cufon font for the headline h1 and the stripes for the h5 headlines! What in the world is happening with normal portfolio pages??? colorit2 on "Portfolio pages ignore images of custom CSS for h5 headlines" http://www.kriesi.at/support/topic/portfolio-pages-ignore-custom-css-which-are-correctly-displayed-at-normal-pages#post-47332 Wed, 21 Mar 2012 00:31:10 +0000 colorit2 47332@http://www.kriesi.at/support/ Another problem concerning the style of text: if I activate the All-in-one-Cufon plugin, it shows correctly at all normal pages the h1 headlines in my font Scriptina. here: "WORTkunst" headline <a href="http://tinyurl.com/85bb6s5" rel="nofollow">http://tinyurl.com/85bb6s5</a> but NOT at portfolio pages: <a href="http://tinyurl.com/7rmljes" rel="nofollow">http://tinyurl.com/7rmljes</a> here the headline "Acrylmalerei" (h1) What's the matter with portfolio pages, that they cannot behave like normal posts or pages concerning the styling of texts - with Cufon plugin and AS WELL WITHOUT this plugin!! colorit2 on "Portfolio pages ignore images of custom CSS for h5 headlines" http://www.kriesi.at/support/topic/portfolio-pages-ignore-custom-css-which-are-correctly-displayed-at-normal-pages#post-47327 Wed, 21 Mar 2012 00:09:15 +0000 colorit2 47327@http://www.kriesi.at/support/ Hi, I discovered, that my portfolio pages ignore my custom CSS, which are, however, correctly displayed at normal pages. Example: Normal page - shows the headline h5 correctly with the stripes: <a href="http://tinyurl.com/85bb6s5" rel="nofollow">http://tinyurl.com/85bb6s5</a> Code with Firebug at this page: <a href="http://i42.tinypic.com/23mndyo.jpg" rel="nofollow">http://i42.tinypic.com/23mndyo.jpg</a> Portfolio shows these custom h5 headlines without the stripes: <a href="http://tinyurl.com/7rmljes" rel="nofollow">http://tinyurl.com/7rmljes</a> Code with Firebug at this page: <a href="http://i43.tinypic.com/2e3zm1i.jpg" rel="nofollow">http://i43.tinypic.com/2e3zm1i.jpg</a> It's the same CSS for the h5, and Firebug shows in both cases the preview of the stripes-file, so its path is alright. If you click left or right of the headline text with second mouse-button and in the context menu choose then (don't know the right English term for it) to show the background image, then you see indeed the little stripes GIF in your browser alone. But at the page itself it is not visible. I have no idea, why ... I had added to custom.css: <code> h5 { background: url("../images/shared/stripes.gif") repeat-x scroll center 18px transparent !important; color: #777777; font-size: 12px !important; font-weight: normal !important; letter-spacing: 2px !important; margin-bottom: 12px; margin-top: 10px; text-align: center; text-transform: uppercase; width: 100%; } .h5background { background-color: #FFFFFF; color: #777777; font-size: 12px !important; font-weight: normal !important; letter-spacing: 2px !important; padding: 0 10px; text-align: center; text-transform: uppercase; } </code> And the HTML at the page is this <code> <h5>Another h5 test-headline on portfolio page</h5> </code> It's only a phenomenon at portfolio pages. What can I do? Thanks.