http://www.kriesi.at/support/tags/line Support Forum - Tag: Line - Recent Posts en-US Sat, 18 May 2013 09:37:22 +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-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/enfold-footer-line-decoration#post-111737 Thu, 16 May 2013 20:27:14 +0000 Nick 111737@http://www.kriesi.at/support/ <p>Hi Andy,</p> <p>Please draw a picture as to how it should look on the page.</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/enfold-footer-line-decoration#post-111372 Wed, 15 May 2013 12:50:59 +0000 andypeck 111372@http://www.kriesi.at/support/ <p>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/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/bbpress-forum-comment-background-color-css#post-105596 Mon, 15 Apr 2013 06:49:16 +0000 Dude 105596@http://www.kriesi.at/support/ <p>Hi! </p> <p> That's not possible. BBpress uses a stylesheet to style the forum and Kriesi uses wp-content\themes\propulsion\config-bbpress\bbpress-mod-21.css (or wp-content\themes\propulsion\config-bbpress\bbpress-mod.css) to overwrite some styles. </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/bbpress-forum-comment-background-color-css#post-105496 Sun, 14 Apr 2013 06:00:27 +0000 ehong33234 105496@http://www.kriesi.at/support/ <p>Do you know how I can get bbpress to inherit all propulsion css? It looks like it is using it's own css? </p> http://www.kriesi.at/support/topic/bbpress-forum-comment-background-color-css#post-105495 Sun, 14 Apr 2013 05:59:17 +0000 ehong33234 105495@http://www.kriesi.at/support/ <p>I was adding it to quick CSS under propulsion theme options. Just tried to do it through cpanel file manager for custom.css and I think it worked! thx. </p> http://www.kriesi.at/support/topic/bbpress-forum-comment-background-color-css#post-105491 Sun, 14 Apr 2013 05:51:39 +0000 Devin 105491@http://www.kriesi.at/support/ <p>Where are you adding it in? I don't see the adjust css inspecting it now.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/bbpress-forum-comment-background-color-css#post-105459 Sat, 13 Apr 2013 22:42:32 +0000 ehong33234 105459@http://www.kriesi.at/support/ <p>That's the strange thing. I just added it in there and changed the color code, as I have tried this before already, and it doesn't do anything. I even put !important; yet nothing.</p> <pre><code>#bbpress-forums .even, #bbpress-forums .bbp-replies .odd{ background-color:#f2f2f2; }</code></pre> http://www.kriesi.at/support/topic/bbpress-forum-comment-background-color-css#post-105456 Sat, 13 Apr 2013 22:18:38 +0000 Devin 105456@http://www.kriesi.at/support/ <p>It looks like you have this set which is causing the color:<br /> <pre><code>#bbpress-forums .even, #bbpress-forums .bbp-replies .odd{ background-color:#111111; }</code></pre> <p>Look for that in your Quick CSS or if it isn't there, add it there and modify the color code as needed.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/bbpress-forum-comment-background-color-css#post-105448 Sat, 13 Apr 2013 21:49:00 +0000 ehong33234 105448@http://www.kriesi.at/support/ <p>Hi Devin, I turned it off of maintenance mode for you to take a look. Thanks!</p> <p><a href="http://goo.gl/gB8EO" rel="nofollow">http://goo.gl/gB8EO</a> </p> http://www.kriesi.at/support/topic/bbpress-forum-comment-background-color-css#post-105417 Sat, 13 Apr 2013 19:43:57 +0000 Devin 105417@http://www.kriesi.at/support/ <p>Hi ehong33234,</p> <p>Without seeing it live and inspecting it myself I'm not sure what it could be. My guess is you are incorrectly targeting it with the wrong selector or something else has a more specific selector. You could try just forcing it with !important as well.</p> <p>If you can provide a link to an example, we can better assist.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/bbpress-forum-comment-background-color-css#post-105331 Fri, 12 Apr 2013 17:27:32 +0000 ehong33234 105331@http://www.kriesi.at/support/ <p>I used firebug as I normally do to look at the CSS and modify it by adding code to the Quick CSS in this theme. But no matter what I try, I cannot get rid of this black background (#111111) that is behind the comment making it hard to read. I have tried to also edit the core files for bbpress-mod.css and bbpress-mod-21.css without any luck. </p> <p>I just need to change this color to something more subtle like #f2f2f2 or get rid of the black altogether. </p> <p>Looks like something is overriding my quick CSS! Please help!</p> <p>Screenshot: </p> <p><img src="http://i48.tinypic.com/i1waaf.png"> </p> http://www.kriesi.at/support/topic/headline-with-dotted-line-next-to-the-text-css#post-104350 Thu, 04 Apr 2013 15:13:08 +0000 Devin 104350@http://www.kriesi.at/support/ <p>Hi colorit2,</p> <p>Unfortunately we really aren't able to de-bug custom css/code through the support forums. You can try somewhere like Stackoverflow and ask the question there.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/headline-with-dotted-line-next-to-the-text-css#post-104288 Thu, 04 Apr 2013 09:24:39 +0000 colorit2 104288@http://www.kriesi.at/support/ <p>Hi,</p> <p>I would like to achieve such a styling:</p> <p><img src="https://www.evernote.com/shard/s210/sh/d24d5961-1f3b-4424-892d-f3e7227c1b69/134d35dafbcc813accf473771fb45754/res/b0afa90d-d3ca-4ac1-a1bf-3d76104e8664.png?resizeSmall&amp;width=832" /></p> <p>This is the code in my page:</p> <pre><code>&lt;div class=&quot;subtitle&quot;&gt; &lt;h3&gt;This is a test subtitle&lt;/h3&gt; &lt;/div&gt;</code></pre> <p>and these are the CSS:</p> <pre><code>.subtitle { margin-bottom: 25px; position: relative; } .subtitle h3 { font-size: 14px; padding-right: 15px; } .subtitle:before { background: url(&quot;http://viaina.de/testseite/wp-content/uploads/sites/5/2013/04/divider10.png&quot;) repeat-x scroll center center transparent; content: &quot;&quot;; height: 7px; margin-top: -3px; position: absolute; top: 50%; width: 100%; }</code></pre> <p><strong>The result:</strong></p> <p><img src="https://www.evernote.com/shard/s210/sh/9320e671-b4e3-4b6f-b446-e52f31e139fa/91d7a72051165021ce19624691ac2d4e/res/32d7a0a7-1ac1-4697-af64-1536fc4690f9.png?resizeSmall&amp;width=832" /></p> <p><strong>Live:</strong><br /> <a href="http://playground.viaina.de/testpage/" rel="nofollow">http://playground.viaina.de/testpage/</a></p> <p>What is wrong with my <code>:before</code> code and what can I do so that the dotted line does not go behind the headline text?<br /> Thanks. </p> http://www.kriesi.at/support/topic/line-showing-under-linked-thumbnails#post-95592 Thu, 07 Feb 2013 06:31:15 +0000 Ismael 95592@http://www.kriesi.at/support/ <p>Hey,</p> <p>Glad it worked. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/line-showing-under-linked-thumbnails#post-95531 Wed, 06 Feb 2013 21:06:39 +0000 janetbakker 95531@http://www.kriesi.at/support/ <p>Hey Ismael,</p> <p>Perfect! The first code already did the trick. </p> <p>Thanks!<br /> -Janet </p> http://www.kriesi.at/support/topic/line-showing-under-linked-thumbnails#post-95175 Tue, 05 Feb 2013 04:42:38 +0000 Ismael 95175@http://www.kriesi.at/support/ <p>Hi Janet,</p> <p>Try to add this code inside Quick CSS or custom.css:<br /> <pre><code>.entry-content p a { border-bottom: 0; }</code></pre> <p>if that doesn't work, try this instead:<br /> <pre><code>.entry-content p a { border-bottom: 0 !important; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/line-showing-under-linked-thumbnails#post-95135 Mon, 04 Feb 2013 21:44:39 +0000 janetbakker 95135@http://www.kriesi.at/support/ <p>Hi there,</p> <p>There's a line showing in some thumbnails in posts - it looks like it's being created by having it linked to something - the blue box that shows up when you hover over it, leaves a blue line (<a href="http://www.janetbakker.nl/StayWithTheFight/never-tap-out/" rel="nofollow">http://www.janetbakker.nl/StayWithTheFight/never-tap-out/</a> - scroll down to the end of the post). Is there something I can do to have that line removed?</p> <p>Thanks!<br /> Janet </p> http://www.kriesi.at/support/topic/propulsion-sidebar-line#post-83691 Tue, 13 Nov 2012 17:25:08 +0000 Devin 83691@http://www.kriesi.at/support/ <p>Glad that worked for you :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/propulsion-sidebar-line#post-83625 Tue, 13 Nov 2012 14:11:12 +0000 ATX 83625@http://www.kriesi.at/support/ <p>Nice one, Ismael. Top code worked.<br /> Thx. </p> http://www.kriesi.at/support/topic/propulsion-sidebar-line#post-83548 Tue, 13 Nov 2012 02:34:44 +0000 Ismael 83548@http://www.kriesi.at/support/ <p>Hi ATX,</p> <p>Try to add the this code in your Quick CSS or custom.css:<br /> <pre><code>.sidebar .seperator.extralight-border { display: none; }</code></pre> <p>or, use this code if the code above doesn't work:<br /> <pre><code>.sidebar .seperator.extralight-border { display: none !important; }</code></pre> <p>This code removes all those separators being added on the sidebar.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/propulsion-sidebar-line#post-83538 Mon, 12 Nov 2012 23:56:27 +0000 ATX 83538@http://www.kriesi.at/support/ <p>How do I delete the little line/spacer between widgets in my sidebar (it seems to appear automatically)?</p> <p>Ref: <a href="http://beastsyndicate.com/streetwear/about/" rel="nofollow">http://beastsyndicate.com/streetwear/about/</a> </p> http://www.kriesi.at/support/topic/lines-on-comments-under-blog-posts#post-77033 Mon, 24 Sep 2012 01:25:27 +0000 Mya 77033@http://www.kriesi.at/support/ <p>Thanks Karen! Let us know if you have any more questions.</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/lines-on-comments-under-blog-posts#post-76917 Sat, 22 Sep 2012 14:39:42 +0000 kscooley 76917@http://www.kriesi.at/support/ <p>And worked perfectly. :) Thanks again! Love the support you all give us!</p> <p>Karen </p>