Support Forum - Tag: divider

Support Forum - Tag: divider - Recent Posts http://www.kriesi.at/support/tags/divider Support Forum - Tag: divider - Recent Posts en-US Sat, 25 May 2013 15:00:03 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php typogretel on "Flag Divider: how to change style & colour" http://www.kriesi.at/support/topic/flag-divider-how-to-change-style-colour#post-110683 Sun, 12 May 2013 15:54:05 +0000 typogretel 110683@http://www.kriesi.at/support/ Cool, cool, cool! Job done! Works perfectly! <a href="https://dl.dropboxusercontent.com/u/6710602/divider-final.jpg" rel="nofollow">https://dl.dropboxusercontent.com/u/6710602/divider-final.jpg</a> THANK YOU!!!!! Ismael on "Flag Divider: how to change style & colour" http://www.kriesi.at/support/topic/flag-divider-how-to-change-style-colour#post-110616 Sun, 12 May 2013 02:31:29 +0000 Ismael 110616@http://www.kriesi.at/support/ Hi, You're using the ajax portfolio, right? Open includes > helper-templates.php, find this code <pre><code>echo avia_advanced_hr(false, 'small'); the_content(__('Read more &rarr;','avia_framework')); echo "</div>"; echo "</div>";</code></pre> Replace it with this code <pre><code>echo avia_advanced_hr(false, 'small'); the_content(__('Read more &rarr;','avia_framework')); echo "</div>"; echo "</div>"; echo '<div class="hr hr_flag"> </div>';</code></pre> Regards, Ismael typogretel on "Flag Divider: how to change style & colour" http://www.kriesi.at/support/topic/flag-divider-how-to-change-style-colour#post-110505 Sat, 11 May 2013 09:19:40 +0000 typogretel 110505@http://www.kriesi.at/support/ Cool! Great job Ismael! I modified your code a tiny litte bit to: .seperator-addon-end.seperator-bottom { height: 3px; width: 3%; position: absolute; top: 99.5%; right: 0; z-index: 9999; } And here is the result: <a href="https://dl.dropboxusercontent.com/u/6710602/divider-results.jpg" rel="nofollow">https://dl.dropboxusercontent.com/u/6710602/divider-results.jpg</a> Exactly what I wanted :) May I still ask you how to insert a divider below the selected portfolio item? (<a href="https://dl.dropboxusercontent.com/u/6710602/second-line.jpg" rel="nofollow">https://dl.dropboxusercontent.com/u/6710602/second-line.jpg</a>) or is this a question for a new thread? Thanks a lot anyways!!!! Ismael on "Flag Divider: how to change style & colour" http://www.kriesi.at/support/topic/flag-divider-how-to-change-style-colour#post-110480 Sat, 11 May 2013 05:11:41 +0000 Ismael 110480@http://www.kriesi.at/support/ Hi, 1.) Under the logo. Open header.php and find this code <code></code> Replace it with <code></code> Add this on your custom.css <pre><code>.seperator-addon-end.seperator-bottom { height: 3px; width: 70px; position: absolute; top: 99%; right: 0; z-index: 9999; }</code></pre> 2.) Separator with text. Just add this on your custom.css <pre><code>.supersmall .seperator-addon { display: block; }</code></pre> Regards, Ismael typogretel on "Flag Divider: how to change style & colour" http://www.kriesi.at/support/topic/flag-divider-how-to-change-style-colour#post-110446 Fri, 10 May 2013 23:30:33 +0000 typogretel 110446@http://www.kriesi.at/support/ And ... one last thing ... is it maybe possible to add another divider between the open portfolio item and the thumbnails - similar to the layout of Flagship? <a href="https://dl.dropboxusercontent.com/u/6710602/second-line.jpg" rel="nofollow">https://dl.dropboxusercontent.com/u/6710602/second-line.jpg</a> typogretel on "Flag Divider: how to change style & colour" http://www.kriesi.at/support/topic/flag-divider-how-to-change-style-colour#post-110301 Fri, 10 May 2013 09:29:51 +0000 typogretel 110301@http://www.kriesi.at/support/ Thanks again Ismael, getting there :) 1) I've deleted this from my Custom CSS: .seperator-addon { width: 3%; } #top .primary-background.seperator-addon { background-color: #XXXXXX !important; } 2) then placed your code and got the following result: <a href="https://dl.dropboxusercontent.com/u/6710602/divider-02.png" rel="nofollow">https://dl.dropboxusercontent.com/u/6710602/divider-02.png</a> 3) after that I've re-added to my custom CSS: .seperator-addon { width: 3%; } #top .primary-background.seperator-addon { background-color: #XXXXXX !important; } 4) then modified your code to: .seperator-addon-end { height: 3px; width: 3%; position: absolute; top: 49%; right: 0; z-index: 9999; background-color: #XXXXXX !important; } Now it looks like this: <a href="https://dl.dropboxusercontent.com/u/6710602/divider-03.jpg" rel="nofollow">https://dl.dropboxusercontent.com/u/6710602/divider-03.jpg</a> So the last bit which is missing is the adaptation of the style of the divider below the logo. I've created a test template to check the effect of the changes on all relevant dividers, here is the result: <a href="https://dl.dropboxusercontent.com/u/6710602/divider-test.jpg" rel="nofollow">https://dl.dropboxusercontent.com/u/6710602/divider-test.jpg</a> Ismael on "Flag Divider: how to change style & colour" http://www.kriesi.at/support/topic/flag-divider-how-to-change-style-colour#post-110231 Fri, 10 May 2013 02:40:39 +0000 Ismael 110231@http://www.kriesi.at/support/ Hi, Replace the css code with this <pre><code>.seperator-addon-end { height: 3px; width: 70px; position: absolute; top: 49%; right: 0; z-index: 9999; }</code></pre> This is what it looks like on my end. <img src="http://www.mediafire.com/convkey/818b/ejazgmqj07yjgsmfg.jpg" /> Regards, Ismael typogretel on "Flag Divider: how to change style & colour" http://www.kriesi.at/support/topic/flag-divider-how-to-change-style-colour#post-110181 Thu, 09 May 2013 23:41:35 +0000 typogretel 110181@http://www.kriesi.at/support/ Hi Ismael & thanks for the swift reply! Unfortunately it did not work 100% :( There is a thicker part now sitting at the end of one type of divider, below the line. What I would like to achieve is to make all these dividers which have a thicker start (also the full width ones) look the same on both ends. Please see the screeshot: <a href="https://dl.dropboxusercontent.com/u/6710602/lines.png" rel="nofollow">https://dl.dropboxusercontent.com/u/6710602/lines.png</a> Cheers Ismael on "Flag Divider: how to change style & colour" http://www.kriesi.at/support/topic/flag-divider-how-to-change-style-colour#post-110163 Thu, 09 May 2013 22:11:53 +0000 Ismael 110163@http://www.kriesi.at/support/ Hi, First, edit functions.php then find this code <code>$output .= ' ';</code> Replace it with <code>$output .= ' ';</code> Add this on your custom.css <pre><code>.seperator-addon-end { height: 3px; width: 70px; position: absolute; top: 50%; right: 0; }</code></pre> Regards, Ismael typogretel on "Flag Divider: how to change style & colour" http://www.kriesi.at/support/topic/flag-divider-how-to-change-style-colour#post-110126 Thu, 09 May 2013 19:13:11 +0000 typogretel 110126@http://www.kriesi.at/support/ Ok, I found this: .seperator-addon { width: 3%; } #top .primary-background.seperator-addon { background-color: #XXXXXX !important; } Which works great ... the only thing which is left now is to add the "seperator-addon" at the end of the divider line as well. Is this possible? Cheers! typogretel on "Flag Divider: how to change style & colour" http://www.kriesi.at/support/topic/flag-divider-how-to-change-style-colour#post-110106 Thu, 09 May 2013 16:31:49 +0000 typogretel 110106@http://www.kriesi.at/support/ Hi guys, I would like to change all of these horizontal dividers with the thicker part at the beginning: 1) the thick part should be shorter, about 1/3 of the actual size 2) the thick part should sit on both ends of the line 3) the whole thing should have one certain colour What is the best way to modify this element, & and make it still work "responsively"? Thx in advance! Devin on "Sidebar width + divider between posts" http://www.kriesi.at/support/topic/sidebar-width-divider-between-posts#post-75787 Thu, 13 Sep 2012 17:38:43 +0000 Devin 75787@http://www.kriesi.at/support/ Hi dblomster, As I said in the other post for Flagship the sidebar and content areas use a grid framework so messing with that tends to cause a lot of issues. Ismael provides the basics for it in your other topic but it isn't something we can walk you through as then fixing all the various issues that pop up is a bit beyond what we can offer via support. Kriesi is quite fond of the current grid system he uses and it is built into the avia framework at this point but I'll suggest the issues to him. Regards, Devin dblomster on "Sidebar width + divider between posts" http://www.kriesi.at/support/topic/sidebar-width-divider-between-posts#post-75415 Tue, 11 Sep 2012 14:09:18 +0000 dblomster 75415@http://www.kriesi.at/support/ How do I change the sidebar width so it can contain the new standard 300 px wide banners (250 px is not used as much these days)? I still need the layout to be rendered properly in all browsers including mobile devices when the theme is in responsive mode. As the sidebar width increase the content area should become narrower. Would also like to know how to insert a divider in-between the blog posts. I've asked the same questions in the Flagship forum and I'm currently waiting for a solution for that theme. If you can provide a solution for Choices, I'll buy that theme too. Thanks! erikriemsdyk on "Remove Related Products Horizontal Divider Flag" http://www.kriesi.at/support/topic/remove-related-products-horizontal-divider-flag#post-72650 Fri, 24 Aug 2012 07:22:01 +0000 erikriemsdyk 72650@http://www.kriesi.at/support/ Thanks Peter, Ismael It worked like a treat, ... and thanx for the quick response :) you guys rock! Regards, Erik Dude on "Remove Related Products Horizontal Divider Flag" http://www.kriesi.at/support/topic/remove-related-products-horizontal-divider-flag#post-72637 Fri, 24 Aug 2012 07:00:04 +0000 Dude 72637@http://www.kriesi.at/support/ Hey! Yes, this change will remove the flags. Best regards, Peter Dude on "Remove Related Products Horizontal Divider Flag" http://www.kriesi.at/support/topic/remove-related-products-horizontal-divider-flag#post-72635 Fri, 24 Aug 2012 06:59:27 +0000 Dude 72635@http://www.kriesi.at/support/ Open up propulsion\config-woocommerce\config.php and replace: <pre><code>echo avia_flag(__('Related Products', 'avia_framework'));</code></pre> and <pre><code>echo avia_flag(__('You may also like', 'avia_framework'));</code></pre> with: <pre><code>echo __('Related Products', 'avia_framework');</code></pre> and <pre><code>echo __('You may also like', 'avia_framework');</code></pre> erikriemsdyk on "Remove Related Products Horizontal Divider Flag" http://www.kriesi.at/support/topic/remove-related-products-horizontal-divider-flag#post-72633 Fri, 24 Aug 2012 06:58:14 +0000 erikriemsdyk 72633@http://www.kriesi.at/support/ Hi Ismael, Will this remove the Flag or only change the Words? I would like to remove the Flag as well ;) Ismael on "Remove Related Products Horizontal Divider Flag" http://www.kriesi.at/support/topic/remove-related-products-horizontal-divider-flag#post-72627 Fri, 24 Aug 2012 06:47:29 +0000 Ismael 72627@http://www.kriesi.at/support/ Hi, Open config-woocommerce folder then edit config.php, find this code <pre><code>echo avia_flag(__('Related Products', 'avia_framework')); echo $content;</code></pre> Change "Related Products" text. Regards, Ismael erikriemsdyk on "Remove Related Products Horizontal Divider Flag" http://www.kriesi.at/support/topic/remove-related-products-horizontal-divider-flag#post-72614 Fri, 24 Aug 2012 05:26:01 +0000 erikriemsdyk 72614@http://www.kriesi.at/support/ Hi Guys, Please refer to the image below: <a href="http://www.oraclecollection.com/problems/flag-propulsion.png" rel="nofollow">http://www.oraclecollection.com/problems/flag-propulsion.png</a> Any idea how to remove the related Products Flag and replace it with the example in the image, The website is <a href="http://www.oraclecollection.com/wp/?product=thalia-ii" rel="nofollow">http://www.oraclecollection.com/wp/?product=thalia-ii</a> Thanks in advance ;) Chris Beard on "Submenu: changing / in |" http://www.kriesi.at/support/topic/submenu-changing-in#post-30230 Sun, 23 Oct 2011 01:28:58 +0000 Chris Beard 30230@http://www.kriesi.at/support/ Thanks seh1970 for helping us out :) Good to see it solved! colorit2 on "Submenu: changing / in |" http://www.kriesi.at/support/topic/submenu-changing-in#post-30172 Sat, 22 Oct 2011 07:42:04 +0000 colorit2 30172@http://www.kriesi.at/support/ Yes, I always use it, but with it I could not figured it out. But now I know - thank you :-) seh1970 on "Submenu: changing / in |" http://www.kriesi.at/support/topic/submenu-changing-in#post-30171 Sat, 22 Oct 2011 07:22:09 +0000 seh1970 30171@http://www.kriesi.at/support/ use firebug plugin (firefox), it will helps u a lot colorit2 on "Submenu: changing / in |" http://www.kriesi.at/support/topic/submenu-changing-in#post-30169 Sat, 22 Oct 2011 06:34:59 +0000 colorit2 30169@http://www.kriesi.at/support/ thanks, and I have looked at tons of php files ;-) thank you! seh1970 on "Submenu: changing / in |" http://www.kriesi.at/support/topic/submenu-changing-in#post-30166 Sat, 22 Oct 2011 05:26:31 +0000 seh1970 30166@http://www.kriesi.at/support/ it is that backround png u have to change: delimiter-menu-dark.png colorit2 on "Submenu: changing / in |" http://www.kriesi.at/support/topic/submenu-changing-in#post-30152 Fri, 21 Oct 2011 21:17:05 +0000 colorit2 30152@http://www.kriesi.at/support/ Hi, I haven't found any file where to change in the submenu the divider "/" into "|". Could you please help me out? Thanks.