http://www.kriesi.at/support/tags/lines Support Forum - Tag: lines - Recent Posts en-US Sat, 25 May 2013 15:34:27 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-112223 Sun, 19 May 2013 15:17:38 +0000 Nick 112223@http://www.kriesi.at/support/ <p>Hi,</p> <p>Actually add this to end of your functions.php file </p> <pre><code>add_filter(&#39;widget_title&#39;, &#39;my_change_title&#39;); function my_change_title($title=&#39;&#39;) { $ttitle = &quot;&lt;div style=\&quot;padding-bottom:10px\&quot; class=\&quot;av-special-heading avia-builder-el-1 el_after_av_portfolio avia-builder-el-last \&quot;&gt;&quot;; $ttitle .= &quot;&lt;span class=\&quot;widget-title\&quot;&gt;$title&lt;/span&gt;&quot;; $ttitle .= &quot;&lt;div class=\&quot;special-heading-border\&quot;&gt;&quot;; $ttitle .= &quot;&lt;div class=\&quot;special-heading-inner-border\&quot;&gt;&quot;; $ttitle .= &quot;&lt;/div&gt;&quot;; $ttitle .= &quot;&lt;/div&gt;&quot;; $ttitle .= &quot;&lt;/div&gt;&quot;; return $ttitle; }</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-112057 Fri, 17 May 2013 20:42:28 +0000 andypeck 112057@http://www.kriesi.at/support/ <p>Brilliant Nick... Ill give it a go. </p> <p>Big Thanks </p> http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-111965 Fri, 17 May 2013 16:17:42 +0000 Nick 111965@http://www.kriesi.at/support/ <p>Hi,</p> <p>That is an advanced layout editor component called Special Heading using the default style. <a href="http://www.clipular.com/c?6080052=hDO5fTzvwTw1FQ2vFXkx_-7KFKI&amp;f=.png" rel="nofollow">http://www.clipular.com/c?6080052=hDO5fTzvwTw1FQ2vFXkx_-7KFKI&amp;f=.png</a></p> <p>This is how it looks when you view source.<br /> <pre><code>&lt;div style=&quot;padding-bottom:10px&quot; class=&quot;av-special-heading avia-builder-el-1 el_after_av_portfolio avia-builder-el-last &quot;&gt; &lt;h1&gt;Hello&lt;/h1&gt; &lt;div class=&quot;special-heading-border&quot;&gt; &lt;div class=&quot;special-heading-inner-border&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;</code></pre> <p>So copy that block, open up footer.php and put it where you want. Just change the Hello part to whatever you need it to say.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-111629 Thu, 16 May 2013 11:24:15 +0000 andypeck 111629@http://www.kriesi.at/support/ <p>Thanks for getting back to me but what im after is a replica of what you use for a shortcode where the line extends to the right of the headline text. </p> <p>On the enfold demo site theres an example pages drop down and one of these is called ABOUT US. If you look, theres a heading called WELCOME AT OUR AGENCY and the type of line im referring to is there (next to it, flowing across to width of the column)</p> <p>How can I do this in the FOOTER WIDGET headings?</p> <p>Cheers </p> http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-111521 Thu, 16 May 2013 00:38:51 +0000 Ismael 111521@http://www.kriesi.at/support/ <p>Hi,</p> <p>Please try this</p> <pre><code>.widgettitle { border-bottom: 1px dotted white; padding-bottom: 10px; }</code></pre> <p>It will create a dotted line below the widget title. For more border styles, please refer to this link</p> <p><a href="http://www.w3schools.com/css/css_border.asp" rel="nofollow">http://www.w3schools.com/css/css_border.asp</a></p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-111413 Wed, 15 May 2013 16:16:05 +0000 andypeck 111413@http://www.kriesi.at/support/ <p>Thanks.</p> <p>The first bit is great although I think you may have not quite understood my question about the footer. I dont want a line to span across all three widgets as I realise that would require alot of work. What im after is to add a bit of decoration by applying a middle horizontal line after a widget title that 'only' spans the width of the individual widget. Therefore the end result would be WIDGET 1 TITLE followed by a decorative line....[Column GAP]....WIDGET 2 TITLE followed by a decorative line....[Column GAP]....WIDGET 3 TITLE followed by a decorative line.</p> <p>I want it to behave the same as the shortcodes you supply but obviously I appreciate this would be CSS code instead.</p> <p>Can you help?</p> <p>Cheers<br /> Andy </p> http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-111382 Wed, 15 May 2013 13:47:26 +0000 Devin 111382@http://www.kriesi.at/support/ <p>Hi Andy</p> <p>Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:<br /> <pre><code>#top .grid-entry .inner-entry { background: #333; box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2); /*border on portfolio items*/ }</code></pre> <p>and<br /> <pre><code>#top .grid-entry-title { background-color: #333; /*bg of title for portfolio item*/ color: #fff; /*color of title text*/ }</code></pre> <p>The footer issue is most likely not possible without quite a bit of tweaking. Since each footer section doesn't actually touch the one next to it, you would need to re-do that grid section to allow a line to extend past the edge of the actual widget.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-111106 Tue, 14 May 2013 12:08:53 +0000 andypeck 111106@http://www.kriesi.at/support/ <p>Hi there,</p> <p>PORTFOLIO<br /> Ive been trying everything but I cant seem to adjust the grid text font colors and the box background colours. Its inheriting the parameters from the Enfold Styling but I need to change it as its on a different background. </p> <p>As a test could it be totally be removed (thus leaving only a grid of images) and the descriptor text placed on a rollover in grid box itself (over the corresponding image)?</p> <p>In the Portfolio itself, where is the grid box rollover 'curved arrow' kept and can I change this for my own graphic?</p> <p>FOOTER<br /> Id like to put a decorative line (as used on the other codes for things like a portfolio grid etc) next to each Footer Widget. I have x3 widgets in the footer and each has a title. Id like a single line to extend to the right to fill the space to the right for the entire column width</p> <p>Cheers<br /> Andy </p> http://www.kriesi.at/support/topic/enfold-creating-decoration-lines-to-the-menu#post-110570 Sat, 11 May 2013 19:57:48 +0000 Nick 110570@http://www.kriesi.at/support/ <p>Hi,</p> <p>Nice colors. Looks good.</p> <p>1) "there is a faint line that appears at the top of the menu which spans the entire width of the menu" Umm.. I can guess without seeing code, but not sure what else will be affected.<br /> <pre><code>#top .container_wrap { border-top-width: 0px; }</code></pre> <p>2) Css to change padding between menu items. Change 13 to 10 in the css.</p> <pre><code>#top .main_menu ul:first-child &gt; li &gt; a { padding: 0 13px; }</code></pre> <p>3) Just recreate the html structure of the orange thing and the line from the top of the menu and add it to wherever you want to. Since we are talking abstract here, not much more I can offer. Show me the page with code and I can give a better answer.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/enfold-creating-decoration-lines-to-the-menu#post-110337 Fri, 10 May 2013 13:03:22 +0000 andypeck 110337@http://www.kriesi.at/support/ <p>Hi Nick (hope you pick this up)</p> <p>Here's my original concept for my personal portfolio</p> <p><a href="http://www.clipular.com/users/5811069/boards/concept-web-site---anypeck-01" rel="nofollow">http://www.clipular.com/users/5811069/boards/concept-web-site---anypeck-01</a></p> <p>-------------------------</p> <p>If we divide my design paged concept into parts - </p> <p>+ the Logo part is sorted<br /> + the Slider is sorted<br /> + the services part (using entypo) is sorted</p> <p>MENU -<br /> + the highlight and font changes is sorted</p> <p>+ there is a feint line that appears at the top of the menu which spans the entire width of the menu. Design-wise its only 1 pixel deep, is a light grey and is tucked under the orange 3px solid highlight line. it rests at the top and remains fixed with the highlight line moving along it. Obviously if I change the menu by adding or taking away pages then I want how far the line spans to change accordingly</p> <p>+ whilst ive altered the text size and spacing between letters how do I alter the space between the actual page text elements (home, contact, portfolio etc...) therefore reducing the width of the overall menu. At the moment it feels far too spread out</p> <p>MAIN CONTENT<br /> + looking at the image - at the bottom of the page, below where it says RECENT POSTS ive created a decorative line that mimics the one above the menu. How could I recreate something like this without resorting to PNG files. Personally id like the thin grey line (not the chunky orange one) to be extendable to any width depending on its use or page layout</p> <p>As always<br /> BIG THANKS for such great support and im really starting to get to grips with the theme and CSS<br /> Cheers</p> <p>Andy </p> http://www.kriesi.at/support/topic/spacing-between-list-elements-and-lines#post-110325 Fri, 10 May 2013 11:55:12 +0000 Nick 110325@http://www.kriesi.at/support/ <p>Hi,</p> <p>Your problem I think is that you have some members of list taking 1 line some 2 and others 3 lines. So you can't set a standard height. If you can make each list member be of equal length, you can use this<br /> <pre><code>#top .entry-content div li { height: 5em; }</code></pre> <p>if not, then use a span for each like<br /> <pre><code>&lt;li&gt; &lt;span style =&quot;line-height: 1em;&quot;&gt;-------List Item 1-----&lt;/span&gt; &lt;/li&gt;</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/spacing-between-list-elements-and-lines#post-110289 Fri, 10 May 2013 08:49:37 +0000 HighschoolAustralia 110289@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>- O.K, screen capture you'll find here:</p> <p><a href="https://dl.dropboxusercontent.com/u/939043/List%20Spacing.jpg" rel="nofollow">https://dl.dropboxusercontent.com/u/939043/List%20Spacing.jpg</a></p> <p>Target would be to reduce the hight of the hatched areas</p> <p>- URL to the location where this event is taking place</p> <p><a href="http://wp11077347.server-he.de/schulen-im-programm/schulen/kedron-state-high-school/" rel="nofollow">http://wp11077347.server-he.de/schulen-im-programm/schulen/kedron-state-high-school/</a></p> <p>Thanks for your help,<br /> Harald </p> http://www.kriesi.at/support/topic/spacing-between-list-elements-and-lines#post-109765 Wed, 08 May 2013 13:33:06 +0000 Nick 109765@http://www.kriesi.at/support/ <p>Hi,</p> <p>Please provide a URL to the location where this event is taking place. Since there are so many ways to customize this theme, there is no sure way for us to know that we are dealing with the same built. Also a number of updates have already been released for the theme, and we can not be sure what version you are using.</p> <p>Your best bet is to mask the link using <a href="http://www.goo.gl" rel="nofollow">http://www.goo.gl</a> . Please also take a screen capture of the page and point out what you need done using tools available on imgur.com or other free image hosts. </p> <p>*A screenshot by itself though will still not help since we need to look at the source code in order to provide a meaningful solution.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/spacing-between-list-elements-and-lines#post-109484 Tue, 07 May 2013 13:06:59 +0000 HighschoolAustralia 109484@http://www.kriesi.at/support/ <p>Dear Support,</p> <p>I am presently working on a site based on „Enfold“ with a lot of identical sub-pages concerning schools in Australia.<br /> For these special subpages I made a sample page/Template with the avia layout builder and this works fine, but I would like to reduce the space/distance between the single elements oft the lists in the middle part of the page and probably also the spacing between the single lines. How can I do this without an impact to rest of my regular non-school sites?<br /> A screenshot you can find here:</p> <p><a href="https://dl.dropboxusercontent.com/u/939043/HSAnew%20saple%20site%20130507.jpg" rel="nofollow">https://dl.dropboxusercontent.com/u/939043/HSAnew%20saple%20site%20130507.jpg</a> </p> http://www.kriesi.at/support/topic/layout-bullets-and-double-lines-on-page-form-builder-plugin#post-76517 Wed, 19 Sep 2012 03:19:19 +0000 Ismael 76517@http://www.kriesi.at/support/ <p>Hi Vanwero,</p> <p>Glad that we could help. I've marked this thread as resolved. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/layout-bullets-and-double-lines-on-page-form-builder-plugin#post-76476 Tue, 18 Sep 2012 18:43:40 +0000 vanwero 76476@http://www.kriesi.at/support/ <p>Perfect!<br /> Now all my issues are solved!!</p> <p>Thank you so much!!<br /> Vanwero </p> http://www.kriesi.at/support/topic/layout-bullets-and-double-lines-on-page-form-builder-plugin#post-76400 Tue, 18 Sep 2012 13:38:07 +0000 Ismael 76400@http://www.kriesi.at/support/ <p>Hi Vanwero,</p> <p>Try to use this code:<br /> <pre><code>.visual-form-builder ul.section { border: 0; }</code></pre> <p>or<br /> <pre><code>.visual-form-builder ul.section { border: 0 !important; }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/layout-bullets-and-double-lines-on-page-form-builder-plugin#post-76330 Mon, 17 Sep 2012 20:47:08 +0000 vanwero 76330@http://www.kriesi.at/support/ <p>Sorry Ismael,</p> <p>not working!! It's a hard one!!;-))</p> <p>Regards,<br /> Vanwero </p> http://www.kriesi.at/support/topic/layout-bullets-and-double-lines-on-page-form-builder-plugin#post-76302 Mon, 17 Sep 2012 18:15:12 +0000 Ismael 76302@http://www.kriesi.at/support/ <p>Hi,</p> <p>For the double lines try this</p> <pre><code>.visual-form-builder .legend { border-bottom: none!important; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/layout-bullets-and-double-lines-on-page-form-builder-plugin#post-76293 Mon, 17 Sep 2012 17:40:02 +0000 vanwero 76293@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>everything works great! Except the double lines in the title!<br /> But it already helped me a lot! (the bullets were the most annoying!!;-))<br /> =&gt; the second one with the !important worked for me.</p> <p>Thanks,<br /> Vanwero.</p> <p>Ps: if you find a solution for the double line, I will read it here! </p> http://www.kriesi.at/support/topic/layout-bullets-and-double-lines-on-page-form-builder-plugin#post-76191 Mon, 17 Sep 2012 09:47:20 +0000 Ismael 76191@http://www.kriesi.at/support/ <p>Hi vanwero,</p> <p>To remove the bullets and the line below the textfield, try to add this code:<br /> <pre><code>.visual-form-builder ul li { background: none; border: 0; }</code></pre> <p>or<br /> <pre><code>.visual-form-builder ul li { background: none !important; border: 0 !important; }</code></pre> <p>For the double line, try to add this code:<br /> <pre><code>.visual-form-builder .legend { border: 0; }</code></pre> <p>or<br /> <pre><code>.visual-form-builder .legend { border: 0 !important; }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/layout-bullets-and-double-lines-on-page-form-builder-plugin#post-76144 Sun, 16 Sep 2012 18:57:15 +0000 vanwero 76144@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>unfortunatly for me it doesn't... (I added the code in my custom.css, in my style.css,...) =&gt; nothing worked.</p> <p>Concerning the lines:<br /> <a href="http://www.wenv-verzekeringen.be/offerte_personenwagen" rel="nofollow">http://www.wenv-verzekeringen.be/offerte_personenwagen</a></p> <p>=&gt; Under every text-box, it draws a very thin line. Under every big title on my form it draws 2 lines...<br /> =&gt; I know it has something to do with the theme-standards! When I add a bullet on a page, it always draws a thin line between 2 bullets. When I put a title on a page, it automatically draws a line under the title,...</p> <p>I hope I made it a bit clear?</p> <p>Regards,<br /> Vanwero </p> http://www.kriesi.at/support/topic/layout-bullets-and-double-lines-on-page-form-builder-plugin#post-76142 Sun, 16 Sep 2012 18:48:42 +0000 Ismael 76142@http://www.kriesi.at/support/ <p>Hi,</p> <p>The code above just removes the bullets. It works on my end. Not sure what you mean by double line.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/layout-bullets-and-double-lines-on-page-form-builder-plugin#post-76136 Sun, 16 Sep 2012 18:19:37 +0000 vanwero 76136@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>it's not working...I think!</p> <p>Bullets are not disappearing when i put the code in the custom.css-file.<br /> The lines of the titles are still double! (I think a title gets automatically a line in this theme, and also the plugin adds one)</p> <p>And your code is applying to the whole theme then, I guess?<br /> I only want to apply it to one page if possible? (ex. when I add a title, I still wants it to be automatically underlined...)</p> <p>Greets,<br /> Vanwero. </p> http://www.kriesi.at/support/topic/layout-bullets-and-double-lines-on-page-form-builder-plugin#post-76097 Sun, 16 Sep 2012 17:05:05 +0000 Ismael 76097@http://www.kriesi.at/support/ <p>Hi,</p> <p>Please add this on your custom.css</p> <pre><code>li.item.item-text, li.item.item-select { background: none; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/layout-bullets-and-double-lines-on-page-form-builder-plugin#post-76062 Sun, 16 Sep 2012 09:13:36 +0000 vanwero 76062@http://www.kriesi.at/support/ <p>Hi,</p> <p>I've build some forms with the plugin "Visual Form Builder".</p> <p>Result: <a href="http://www.wenv-verzekeringen.be/offerte_personenwagen" rel="nofollow">http://www.wenv-verzekeringen.be/offerte_personenwagen</a></p> <p>Because of the configuration of the Broadscope-theme, it automatically adds bullets and lines to the layout as you can see.<br /> Is there a way to just disable this Bullets and extra lines just for this page/form I create?</p> <p>thanks in advance!<br /> Vanwero </p> http://www.kriesi.at/support/topic/broadscope-too-many-menu-items-in-menu-bar#post-74530 Wed, 05 Sep 2012 17:20:14 +0000 Devin 74530@http://www.kriesi.at/support/ <p>You could but the change is a little bit of a hack and I really can't say how it will do with all browsers. You would need to set up your menu items to use the break tag where you want a line break. Then add the following to your Quick CSS in the Layout and Styling tab of your theme options:<br /> <pre><code>#top .avia_mega a { line-height: 20px; }</code></pre> <p>This will push all menu items up to align with the first line but I don't really see a fix for that without completely re-doing the menu system.</p> <p>Edit: I forgot to add an example for a menu item! In your menus manager you need to expand the menu item and in the Navigation Label field model your items after this:<br /> <code>First Line&lt;/br&gt;Second Line</code></p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/broadscope-too-many-menu-items-in-menu-bar#post-74283 Tue, 04 Sep 2012 09:08:21 +0000 ameliaamelia 74283@http://www.kriesi.at/support/ <p>The website is <a href="http://eeaac.com.au" rel="nofollow">http://eeaac.com.au</a> you can see they they don't fit across. I was hoping that there would be a way to make for example...</p> <p>Home Sustainability<br /> Assessments</p> <p>And that's the button. Is that possible? </p> http://www.kriesi.at/support/topic/broadscope-too-many-menu-items-in-menu-bar#post-73310 Tue, 28 Aug 2012 19:40:56 +0000 Devin 73310@http://www.kriesi.at/support/ <p>Hi Amelia,</p> <p>Are you already using the Menus manager in Apperance&gt;Menus? You can change the displayed menu item name by expanding the menu item in the visual editor for that interface so that they don't span multiple lines.</p> <p>If you can link to your site here we can take a look at what you have now to see if there are any option to expand the individual items with a bit of css. Otherwise, its quite a bit more complicated of a change.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/broadscope-too-many-menu-items-in-menu-bar#post-73004 Mon, 27 Aug 2012 08:25:05 +0000 ameliaamelia 73004@http://www.kriesi.at/support/ <p>Hello,<br /> Just wondering how I can fix the problem of too many menu items in the menu bar. They drop down into a second line which is just words not buttons. The problem is I have some page names that are long. Is it possible to have a set with for buttons and the name can be two lines? Change depth of button?<br /> Thanks,<br /> Amelia </p>