http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only Support Forum - Topic: How to change header background area to custom file only? en-US Mon, 20 May 2013 12:22:38 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28825 Thu, 06 Oct 2011 14:25:05 +0000 Dude 28825@http://www.kriesi.at/support/ <p>Glad that the problem is solved now :) </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28799 Thu, 06 Oct 2011 10:36:15 +0000 VoodooPL 28799@http://www.kriesi.at/support/ <p>Everything is perfect, thank You guys for support, and sorry Chris for confusion. Starting from my next order I will be more precise!<br /> Once again thank You, all problems in this topic are solved !!! </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28732 Wed, 05 Oct 2011 22:15:30 +0000 Chris Beard 28732@http://www.kriesi.at/support/ <p>As for 3 - (Tip: When working with clients it's smart to create photoshop previews so it saves you/others quite some time .. which is now wasted on coding.)</p> <p>Replace the code provided by Dude with<br /> <pre><code>//check if we can/should display image if(isset($data[&#39;image&#39;]) &amp;&amp; $data[&#39;image&#39;] != &quot;&quot; &amp;&amp; strpos($data[&#39;display&#39;], &#39;img&#39;) !== false) { $slider = new avia_slideshow(get_the_ID()); if(strpos($data[&#39;display&#39;], &#39;post&#39;) !== false) { $output .= &quot;&lt;h3 class=&#39;dynamic-column-title&#39;&gt;&lt;a href=&#39;&quot;.get_permalink().&quot;&#39; rel=&#39;bookmark&#39; title=&#39;&quot;.__(&#39;Permanent link:&#39;,&#39;avia_framework&#39;).&quot; &quot;.get_the_title().&quot;&#39;&gt;&quot;.get_the_title().&quot;&lt;/a&gt;&lt;/h3&gt;&quot;; } $output .= $slider-&gt;display_small($data[&#39;image&#39;], true, $data[&#39;caption&#39;]); } //check if we should display post content if(strpos($data[&#39;display&#39;], &#39;post&#39;) !== false) { $output .= &quot;&lt;div class=&#39;entry-content&#39;&gt;&quot;; if(!$additional_loop-&gt;post-&gt;post_excerpt || $data[&#39;value&#39;] == $this-&gt;post_id) { $content = get_the_content(&#39;&lt;span class=&quot;inner_more&quot;&gt;&#39;.__(&#39;Read more&#39;,&#39;avia_framework&#39;).&#39;&lt;/span&gt;&#39;); $content = apply_filters(&#39;the_content&#39;, $content); $content = str_replace(&#39;]]&gt;&#39;, &#39;]]&gt;&#39;, $content); } else { $content = apply_filters(&#39;the_excerpt&#39;, get_the_excerpt()); $content .= &#39;&lt;p&gt;&lt;a class=&quot;more-link&quot; href=&quot;&#39;. get_permalink().&#39;&quot;&gt;&lt;span class=&quot;inner_more&quot;&gt;&#39;.__(&#39;Read more&#39;,&#39;avia_framework&#39;).&#39;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&#39;; } $output.= $content; $output.= &#39;&lt;/div&gt;&#39;; }</code></pre> <p>The title can be styled/positioned through CSS.</p> <p>As for your light area you can add a background-image to your #header.<br /> If you want to remove that dark line on the very top you can go in your style.css and remove the background image of<br /> <code>#header .submenu</code> </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28723 Wed, 05 Oct 2011 21:40:04 +0000 VoodooPL 28723@http://www.kriesi.at/support/ <p>Hi again,<br /> according to problem no.3 customer finally decided to make it like this, would You suggest how to make it work like this?</p> <p>========<br /> TITLE<br /> IMAGE<br /> EXCERPT<br /> ======== </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28697 Wed, 05 Oct 2011 16:59:14 +0000 VoodooPL 28697@http://www.kriesi.at/support/ <p>Thanks so much Kriesi, problem no.3 is SOLVED :) it works great on both Mozilla 6 and IE8 </p> <p>Still waiting for Chris' and Dude's answers.<br /> Greetings </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28696 Wed, 05 Oct 2011 16:46:52 +0000 Kriesi 28696@http://www.kriesi.at/support/ <p>Hey!<br /> Please add this to your custom.css file, located in your /css/ folder</p> <pre> #top #wrap_all .dynamic_column_boxed .slideshow_container{ clear:both; top:-51px; } </pre> <p>That should help :) </p> <p> Regards,<br /> Kriesi </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28681 Wed, 05 Oct 2011 14:31:29 +0000 VoodooPL 28681@http://www.kriesi.at/support/ <p>now I see, thanks anyway Dude for explanation, I thought previously that this kind of modification is a piece of cake, unofortunately it's not. So please let me know if Kriesi will answer to this question.</p> <p>Meanwhile, I'm waiting for solution from Chris to problem no.1 and tell me please what about problem no.4 (removing the very top wide bar above logo - how it can be done?)</p> <p>Thanks for Your kind assistance guys !!! </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28680 Wed, 05 Oct 2011 13:56:42 +0000 Dude 28680@http://www.kriesi.at/support/ <p>Yes - the reason is that the slideshow isn't laid out for this structure. The code change I posted above outputs the right php/html code but the slider won't appear because it requires css/js modifications. I played around with the css code but didn't find a solution. Maybe I just miss a small step but (as I pointed out above) on the other hand I don't know exactly which changes are required. I forwarded it to Kriesi and I hope he can post a solution but I can't promise that no.3 can be done. </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28675 Wed, 05 Oct 2011 12:16:18 +0000 VoodooPL 28675@http://www.kriesi.at/support/ <p>Dude, according to problem no.3 I understand that changes will occur to all columns and it's ok, but the problem is that after modifying code according to Your instructions above - images disappeared. I need them back, would You plese check if code is correct?</p> <p>please check <a href="http://www.adwokatnalepka.pl/wordpress/" rel="nofollow">http://www.adwokatnalepka.pl/wordpress/</a></p> <p>It should be:<br /> ===========<br /> TITLE<br /> description </p> <p>IMAGE<br /> =========== </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28664 Wed, 05 Oct 2011 08:37:56 +0000 Dude 28664@http://www.kriesi.at/support/ <p>Ok - I think Chris is right - it's a tricky task. I'll ask Kriesi if we can provide a solution but maybe it requires major css/js changes and in this case it's not possible to switch the slideshow/content area. </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28661 Wed, 05 Oct 2011 08:23:42 +0000 VoodooPL 28661@http://www.kriesi.at/support/ <p>Thanks Dude for help, it almost work, after putting Your modified code only the images aren't able to display below the title and excerpt. Would You please check it? </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28651 Wed, 05 Oct 2011 07:49:16 +0000 Dude 28651@http://www.kriesi.at/support/ <p>Re 3) - you can modify the template structure in includes/helper-templates.php:</p> <p>Replace:<br /> <pre><code>//check if we can/should display image if(isset($data[&#39;image&#39;]) &amp;&amp; $data[&#39;image&#39;] != &quot;&quot; &amp;&amp; strpos($data[&#39;display&#39;], &#39;img&#39;) !== false) { $slider = new avia_slideshow(get_the_ID()); $output .= $slider-&gt;display_small($data[&#39;image&#39;], true, $data[&#39;caption&#39;]); } //check if we should display post content if(strpos($data[&#39;display&#39;], &#39;post&#39;) !== false) { $output .= &quot;&lt;div class=&#39;entry-content&#39;&gt;&quot;; $output .= &quot;&lt;h3 class=&#39;dynamic-column-title&#39;&gt;&lt;a href=&#39;&quot;.get_permalink().&quot;&#39; rel=&#39;bookmark&#39; title=&#39;&quot;.__(&#39;Permanent link:&#39;,&#39;avia_framework&#39;).&quot; &quot;.get_the_title().&quot;&#39;&gt;&quot;.get_the_title().&quot;&lt;/a&gt;&lt;/h3&gt;&quot;; if(!$additional_loop-&gt;post-&gt;post_excerpt || $data[&#39;value&#39;] == $this-&gt;post_id) { $content = get_the_content(&#39;&lt;span class=&quot;inner_more&quot;&gt;&#39;.__(&#39;Read more&#39;,&#39;avia_framework&#39;).&#39;&lt;/span&gt;&#39;); $content = apply_filters(&#39;the_content&#39;, $content); $content = str_replace(&#39;]]&gt;&#39;, &#39;]]&gt;&#39;, $content); } else { $content = apply_filters(&#39;the_excerpt&#39;, get_the_excerpt()); $content .= &#39;&lt;p&gt;&lt;a class=&quot;more-link&quot; href=&quot;&#39;. get_permalink().&#39;&quot;&gt;&lt;span class=&quot;inner_more&quot;&gt;&#39;.__(&#39;Read more&#39;,&#39;avia_framework&#39;).&#39;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&#39;; } $output.= $content; $output.= &#39;&lt;/div&gt;&#39;; }</code></pre> <p>with:<br /> <pre><code>//check if we should display post content if(strpos($data[&#39;display&#39;], &#39;post&#39;) !== false) { $output .= &quot;&lt;div class=&#39;entry-content&#39;&gt;&quot;; $output .= &quot;&lt;h3 class=&#39;dynamic-column-title&#39;&gt;&lt;a href=&#39;&quot;.get_permalink().&quot;&#39; rel=&#39;bookmark&#39; title=&#39;&quot;.__(&#39;Permanent link:&#39;,&#39;avia_framework&#39;).&quot; &quot;.get_the_title().&quot;&#39;&gt;&quot;.get_the_title().&quot;&lt;/a&gt;&lt;/h3&gt;&quot;; if(!$additional_loop-&gt;post-&gt;post_excerpt || $data[&#39;value&#39;] == $this-&gt;post_id) { $content = get_the_content(&#39;&lt;span class=&quot;inner_more&quot;&gt;&#39;.__(&#39;Read more&#39;,&#39;avia_framework&#39;).&#39;&lt;/span&gt;&#39;); $content = apply_filters(&#39;the_content&#39;, $content); $content = str_replace(&#39;]]&gt;&#39;, &#39;]]&gt;&#39;, $content); } else { $content = apply_filters(&#39;the_excerpt&#39;, get_the_excerpt()); $content .= &#39;&lt;p&gt;&lt;a class=&quot;more-link&quot; href=&quot;&#39;. get_permalink().&#39;&quot;&gt;&lt;span class=&quot;inner_more&quot;&gt;&#39;.__(&#39;Read more&#39;,&#39;avia_framework&#39;).&#39;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&#39;; } $output.= $content; $output.= &#39;&lt;/div&gt;&#39;; } //check if we can/should display image if(isset($data[&#39;image&#39;]) &amp;&amp; $data[&#39;image&#39;] != &quot;&quot; &amp;&amp; strpos($data[&#39;display&#39;], &#39;img&#39;) !== false) { $slider = new avia_slideshow(get_the_ID()); $output .= $slider-&gt;display_small($data[&#39;image&#39;], true, $data[&#39;caption&#39;]); }</code></pre> <p>So basically we just switch the slideshow/content position. This mod will affect all columns of dynamic templates though. It's not possible to modify certain columns only without major code changes. </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28619 Tue, 04 Oct 2011 21:28:08 +0000 VoodooPL 28619@http://www.kriesi.at/support/ <p>sorry Chris, I forgot to mention the link before, here it is:<br /> <a href="http://www.adwokatnalepka.pl/wordpress/" rel="nofollow">http://www.adwokatnalepka.pl/wordpress/</a></p> <p>Problem no.2 is SOLVED - thank You</p> <p>Waiting for help related to other questions.</p> <p>By the way how to remove the very top dark bar located above logo ? </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28610 Tue, 04 Oct 2011 20:08:45 +0000 Chris Beard 28610@http://www.kriesi.at/support/ <p>Hey,<br /> it would make our job a lot easier if you could provide a link to your site or a test version somewhere. Your "custom png image" is hard to solve without a live preview.</p> <p>As for your rounded corners, in your style.css find <code>.rounded_small, .outer_callout, .callout, .featured img, .portfolio_entries_boxed .post-entry, .dynamic_column_boxed, #top .pagination span, #top .pagination a, .featured_image2_darken, .slideshow li iframe, .slideshow li embed, .slideshow li object, .slideshow li video, .avia_video, .post-entry .alignleft, .post-entry .alignright, .post-entry .aligncenter</code><br /> remove the following 3 from the list above:<br /> <pre><code>.featured img, .featured_image2_darken, .slideshow li iframe,</code></pre> <p>Get back to me on your first question, meanwhile I'll check on your third question, it's not as simple as you might think. </p> http://www.kriesi.at/support/topic/how-to-change-header-background-area-to-custom-file-only#post-28514 Mon, 03 Oct 2011 15:46:07 +0000 VoodooPL 28514@http://www.kriesi.at/support/ <p>Hello again guys,<br /> The problem is following, please take a look to marked area below:</p> <p><a href="http://imageshack.us/photo/my-images/835/68779788.jpg/"><img src="http://img835.imageshack.us/img835/4969/68779788.jpg"></a></p> <p>Well, client wants to keep dark colour of the background, however he wants the upper part (marked in red above) to be white or light.<br /> If there is a simple way to do this please let me know.<br /> Meanwhile I almost found a solution, decided to make custom "bg_shapes.png" file and overwrite in on the server, the idea was good, however mentioned image doesn't look like I created it because additional layer with color has applied to my custom image. I want to ask You how to leave my custom PNG file to display in the exactly same way like I created it?</p> <p>Second question.<br /> The menu above is rounded, how to make it more rectangular?</p> <p>Third question is, how to put title and description above the image, like mentioned below?:</p> <p><a href="http://imageshack.us/photo/my-images/831/94493985.jpg/"><img src="http://img831.imageshack.us/img831/1427/94493985.jpg"></a> </p>