http://www.kriesi.at/support/tags/span Support Forum - Tag: span - Recent Posts en-US Wed, 22 May 2013 06:18:16 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/slab-text-using-a-class-in-a-text-block#post-112684 Tue, 21 May 2013 14:02:24 +0000 andypeck 112684@http://www.kriesi.at/support/ <p>Hi there,</p> <p>So I added Bebas Neue and got that working so I could change h6 to Bebas but as im only using it for 'BIG' slab text in a few pages I didnt want exclusivity to h6 especially as the theme uses. It was suggested I set up a class but thats where Ive come unstuck and where ive struggled to find tutorials I can understand. </p> <p>What are the 'steps' to creating a class and then calling it up in a basic text block within the Avia Layout Builder?</p> <p>Id like to use the words CREATIVE &amp; DIVERSE, where its all 80px size but where 'CREATIVE' and '"DIVERSE are grey but the letter '&amp;' is in orange. However, the text actually has no spaces between the words so it reads... CREATIVE&amp;DIVERSE. The tricky bit is then making sure that when its is reduced on a mobile device (responsive) that it either shrinks properly or wraps on multiple lines (centred).</p> <p>I get confused between spans, classes &amp; divs so if someone can help me get started then id be grateful.</p> <p>P.s. I tried to use WP SLAB TEXT plugin but because it uses the structure of calling up a class and Im not writing it correctly I got stuck on that too. It also uses 'pipes' to split the text so advice all round please</p> <p>Cheers<br /> Andy </p> 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/remove-span-class-from-widget-titles#post-107182 Thu, 25 Apr 2013 08:24:42 +0000 nokostudio 107182@http://www.kriesi.at/support/ <p>Thanks Ismael! </p> http://www.kriesi.at/support/topic/remove-span-class-from-widget-titles#post-107169 Thu, 25 Apr 2013 07:14:26 +0000 Ismael 107169@http://www.kriesi.at/support/ <p>Hi nokostudio,</p> <p>Instead of removing the span. Try adding this code in your Quick CSS (located in Eunoia &gt; Theme Options &gt; Styling) or custom.css(can be accessed via ftp, located in wp-content/themes/eunoia/css):<br /> <pre><code>.main_color .widget_first { color: #222222; }</code></pre> <p>or, this code if the code above doesn't work:<br /> <pre><code>.main_color .widget_first { color: #222222 !important; }</code></pre> <p>You can change the color value. Hope this helps.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/remove-span-class-from-widget-titles#post-107162 Thu, 25 Apr 2013 04:56:34 +0000 nokostudio 107162@http://www.kriesi.at/support/ <p>Hi!</p> <p>I'm trying to remove the span class (that changes the first word colour) from all the widget titles, but I can't figure it out.</p> <p>Any ideas how to do it?</p> <p>Thanks a lot! </p> http://www.kriesi.at/support/topic/footer-i-need-left-and-center-footer-to-display-one-wide-widget#post-71520 Fri, 17 Aug 2012 06:48:51 +0000 Boris 71520@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>that's perfekt! Thank you.</p> <p>Boris </p> http://www.kriesi.at/support/topic/footer-i-need-left-and-center-footer-to-display-one-wide-widget#post-71432 Thu, 16 Aug 2012 19:29:07 +0000 Devin 71432@http://www.kriesi.at/support/ <p>Hi Boris,</p> <p>Now that you have the two columns all set up, we can define their width individually.<br /> <pre><code>#footer .column.column2 { width: 280px; } #footer .column.column1 { width: 640px; }</code></pre> <p>Add that to your style.css at the very bottom and you can get rid of the previous column width css from before.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/footer-i-need-left-and-center-footer-to-display-one-wide-widget#post-70911 Tue, 14 Aug 2012 06:13:46 +0000 Boris 70911@http://www.kriesi.at/support/ <p>Hmm, I think I missed something, because the right footer (TextWidget) gets displayed below the left footer. Why? I thought I could split it up 1 third to 2 third, because we are talking about left, center and right footer.</p> <p>Boris </p> http://www.kriesi.at/support/topic/footer-i-need-left-and-center-footer-to-display-one-wide-widget#post-70852 Mon, 13 Aug 2012 20:13:57 +0000 Nick 70852@http://www.kriesi.at/support/ <p>Hi Boris,</p> <p>Sorry for the delay. You can try 1000px, it will be as wide as the entire fan slider on top, </p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/footer-i-need-left-and-center-footer-to-display-one-wide-widget#post-70604 Sat, 11 Aug 2012 15:51:01 +0000 Boris 70604@http://www.kriesi.at/support/ <p>Dude! Thanks. It works...</p> <p>What is the maximum witdth that is available, when using left and center footer for my map?<br /> I want to set the mapsize to the possible maximum.</p> <p>Best</p> <p>Boris </p> http://www.kriesi.at/support/topic/footer-i-need-left-and-center-footer-to-display-one-wide-widget#post-70600 Sat, 11 Aug 2012 15:25:50 +0000 Dude 70600@http://www.kriesi.at/support/ <p>Try following - add following code to style.css:</p> <pre><code>.column { width: 460px; }</code></pre> <p>and in newscast\theme_options\sidebar_footer.php replace:</p> <pre><code>$k_option[&#39;custom&#39;][&#39;footer&#39;] = array(&#39;left&#39;,&#39;center&#39;,&#39;right&#39;);</code></pre> <p>with:</p> <pre><code>$k_option[&#39;custom&#39;][&#39;footer&#39;] = array(&#39;left&#39;,&#39;right&#39;);</code></pre> http://www.kriesi.at/support/topic/footer-i-need-left-and-center-footer-to-display-one-wide-widget#post-70598 Sat, 11 Aug 2012 15:08:50 +0000 Boris 70598@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>thanks. I did all that (again just a second ago), except contacting the widget-support.<br /> I can change the size of the map in the widget manually, but with no effect on the footer-behavior, even if the map is the only widget.<br /> When combining it with a right footer widget (and leaving the center footer empty) the right footer moves to the middle as if it was a center footer.<br /> *strange*<br /> So do you think it makes sense to contact the widget support?<br /> To me it looks like a Newscast-Issue.</p> <p>Thanks, again.</p> <p>Boris </p> http://www.kriesi.at/support/topic/footer-i-need-left-and-center-footer-to-display-one-wide-widget#post-70595 Sat, 11 Aug 2012 13:53:29 +0000 Nick 70595@http://www.kriesi.at/support/ <p>Hi Boris,</p> <p>1. You should go to Theme Settings, and make sure that 'Display Widget Dummy Sidebars' is set to False/No (please look in the instructions which came with the theme,)</p> <p>2. Then you should go into the Widget page (Appearance &gt; Widgets) in the backend of the theme, and remove the widgets you don't want from the footer widget areas, leaving only the map widget , or map + 1 more if your wish. </p> <p>3. You should also look in the settings for the Google Maps plugin, to change the size of the display since it seems to be hard set right now at 300x300 pixels. </p> <p>If you cant find the controls for the map widget ( i never used that one thus I am guessing ) its best to contact support for the widget ( <a href="http://wordpress.org/extend/plugins/mappress-google-maps-for-wordpress/" rel="nofollow">http://wordpress.org/extend/plugins/mappress-google-maps-for-wordpress/</a> ) to get the proper directions as to a way to correctly re-size it.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/footer-i-need-left-and-center-footer-to-display-one-wide-widget#post-70304 Thu, 09 Aug 2012 15:28:52 +0000 Boris 70304@http://www.kriesi.at/support/ <p>Hi Support,</p> <p>I am using a googlemaps mashup widget and I need more space (width) in my footer so I can display a bigger map.</p> <p>Have a look: <a href="http://www.kletterbericht.de/" rel="nofollow">http://www.kletterbericht.de/</a></p> <p>I would like to get rid of the center footer and span the left footer to the right.<br /> Or even to the full width, up to the right footer, too.</p> <p>How do I do it?</p> <p>Best Boris </p>