http://www.kriesi.at/support/tags/styling Support Forum - Tag: styling - Recent Posts en-US Sat, 25 May 2013 23:24:56 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/woocommerce-css-formatting-issues#post-113729 Sat, 25 May 2013 07:49:21 +0000 Dude 113729@http://www.kriesi.at/support/ <p>Yes, unfortunately WooCommerce requires special templates which are not included in Choices. It's not only a problem with css but with the entire html structure. I'd recommend to use another e-commerce plugin like Cart66 or WordPress simple Paypal shopping cart (which should integrate nicely into any theme) or to use a WooCommerce optimized theme like Enfold, Replete or Propulsion or another WooCommerce theme from here: <a href="http://themeforest.net/category/wordpress/ecommerce/woocommerce" rel="nofollow">http://themeforest.net/category/wordpress/ecommerce/woocommerce</a> </p> http://www.kriesi.at/support/topic/woocommerce-css-formatting-issues#post-113691 Sat, 25 May 2013 04:59:11 +0000 Lanesa 113691@http://www.kriesi.at/support/ <p>Hi the content on my site is not currently displayed correctly when using Woocommerce. All of the comment including the right sidebar collapses to the left side of the page. </p> http://www.kriesi.at/support/topic/propulsion-wish-list#post-113596 Fri, 24 May 2013 15:56:17 +0000 kllutzy 113596@http://www.kriesi.at/support/ <p>Homepage</p> <p>- Portfolio thumbnail<br /> The display size is variable [see 'Station by Ander' vs. 'Mad Zac - Pushing It']. Is there a reason why the size is variable?</p> <p>- Portfolio Header styling<br /> I would like to use the H1, H2 tags as per normal content. </p> <p>- Social media styling<br /> I would like to change the colour of the icons, i can locate the png - but are you controlling the hover state using opacity? if so, where is the .css for this?</p> <p>Blog</p> <p>- Snippet of each blog<br /> At the moment, there is no snippet - the whole article is being displayed. Can we change this? </p> <p>- gravatar<br /> Is not being displayed? </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/change-top-menu-styling#post-110852 Mon, 13 May 2013 13:25:05 +0000 kthompson 110852@http://www.kriesi.at/support/ <p>perfect. thanks. </p> http://www.kriesi.at/support/topic/change-top-menu-styling#post-110804 Mon, 13 May 2013 06:38:05 +0000 Ismael 110804@http://www.kriesi.at/support/ <p>Hi,</p> <p>This selector controls the style of the menu.</p> <pre><code>.main_menu ul:first-child &gt; li &gt; a { display: block; text-decoration: none; padding: 0 15px; text-transform: uppercase; font-weight: bold; border-left-style: solid; border-left-width: 1px; line-height: 1em; font-size: 12px; font-family: &quot;HelveticaNeue&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-top-menu-styling#post-110756 Mon, 13 May 2013 03:28:40 +0000 kthompson 110756@http://www.kriesi.at/support/ <p>Would like to style tag (line above top menu) and top menu. Unable to discover what css tags will do the trick. Can you help? </p> http://www.kriesi.at/support/topic/bold-text-gets-coloured-automatically#post-109799 Wed, 08 May 2013 15:13:30 +0000 micscr 109799@http://www.kriesi.at/support/ <p>i have worked arround the issue setting the color to a grey which is readable on black and white.<br /> now fine for me - thx for your help guys!</p> <p>Regards,<br /> Michael </p> http://www.kriesi.at/support/topic/bold-text-gets-coloured-automatically#post-109725 Wed, 08 May 2013 11:54:37 +0000 micscr 109725@http://www.kriesi.at/support/ <p>okay, since I'm also using this widget in pages-sidebar area, they also turn white there which is also the bg-color.</p> <p>is there any way to split the color-allocations for the latest-news-headlines or do i have to remove the widget in one area?</p> <p>Regards,<br /> Michael </p> http://www.kriesi.at/support/topic/bold-text-gets-coloured-automatically#post-109719 Wed, 08 May 2013 11:16:40 +0000 micscr 109719@http://www.kriesi.at/support/ <p>thx a lot, Ismael!</p> <p>Now everything looks proper. </p> http://www.kriesi.at/support/topic/bold-text-gets-coloured-automatically#post-109573 Tue, 07 May 2013 22:35:44 +0000 Ismael 109573@http://www.kriesi.at/support/ <p>Hi,</p> <p>You should probably use this </p> <pre><code>.news-headline { color: white !important; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/bold-text-gets-coloured-automatically#post-109547 Tue, 07 May 2013 20:11:12 +0000 micscr 109547@http://www.kriesi.at/support/ <p>Hi,</p> <p>thx Devin &amp; TechShad for the codes.</p> <p>In fact both work but if I also add the...</p> <p>#top strong {<br /> color: black ;<br /> }</p> <p>... unfortunately the headlines in the footer (I'm using Enfold Latest News widget) also turn from white to black, which make them illegible.</p> <p>Any ideas how I can fix that as well? thx! </p> http://www.kriesi.at/support/topic/bold-text-gets-coloured-automatically#post-109533 Tue, 07 May 2013 18:13:06 +0000 Dude 109533@http://www.kriesi.at/support/ <p>Hey! </p> <p> No, the code shouldn't break anything.. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/bold-text-gets-coloured-automatically#post-109442 Tue, 07 May 2013 08:07:25 +0000 TechShad 109442@http://www.kriesi.at/support/ <p>The above fixed the colors in PAGES.</p> <p>however, I also had to do this to make the Bolds black in Blog posts;</p> <p>#top b {<br /> color: black ;<br /> }</p> <p>I hope that does not break anything else ? </p> http://www.kriesi.at/support/topic/bold-text-gets-coloured-automatically#post-109076 Sun, 05 May 2013 16:49:34 +0000 Devin 109076@http://www.kriesi.at/support/ <p>Hi micscr,</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 strong { color: black ; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/bold-text-gets-coloured-automatically#post-108781 Fri, 03 May 2013 19:46:32 +0000 micscr 108781@http://www.kriesi.at/support/ <p>Hey there,</p> <p>Enfold is a great piece of work! I love it.</p> <p>Just one question:<br /> I'd like to highlight some text in the main content, just making it bold.<br /> Unfortunately bold text becomes couloured (scheme colour; red in my case) automatically on every page. I want to have bold words in the default black-textcolor only. Otherwise thely look like hyperlinks...</p> <p>How can I fix that issue?</p> <p>Thx in advance! </p> http://www.kriesi.at/support/topic/header-container-styling#post-107732 Mon, 29 Apr 2013 05:22:06 +0000 Dude 107732@http://www.kriesi.at/support/ <p>Insert following code into the quick css field:</p> <pre><code>.slideshow_color.title_container, .home #footer.footer_color{ background: #041424 url(http://www.kriesi.at/themes/incarnation/wp-content/themes/incarnation/images/background-images/grunge-big-light.png) top center repeat scroll; }</code></pre> <p>Insead of <a href="http://www.kriesi.at/themes/incarnation/wp-content/themes/incarnation/images/background-images/grunge-big-light.png" rel="nofollow">http://www.kriesi.at/themes/incarnation/wp-content/themes/incarnation/images/background-images/grunge-big-light.png</a> and #041424 insert your custom color/image. </p> http://www.kriesi.at/support/topic/header-container-styling#post-107470 Fri, 26 Apr 2013 20:40:29 +0000 vagsera 107470@http://www.kriesi.at/support/ <p>Hello! I would like to use a background image for the Header containter box (in boxed layout) where I have the page name and the breadcrumbs. How can i do it using custom css? I would also like to use the same image at the home page in the headers of "latest news" and "Upcoming Events". </p> http://www.kriesi.at/support/topic/background-tile-disappeared#post-106266 Fri, 19 Apr 2013 15:19:41 +0000 leonvalentine 106266@http://www.kriesi.at/support/ <p>Thanks Ismael. That did the trick! </p> http://www.kriesi.at/support/topic/background-tile-disappeared#post-106255 Fri, 19 Apr 2013 13:25:09 +0000 Ismael 106255@http://www.kriesi.at/support/ <p>Hi,</p> <p>Try adding this on your custom.css</p> <pre><code>html.html_boxed, body { background-image: url(http://localhost/kriesi/propulsion/wp-content/themes/propulsion/images/background-images/wood-dark.png); }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/background-tile-disappeared#post-106189 Fri, 19 Apr 2013 05:12:30 +0000 leonvalentine 106189@http://www.kriesi.at/support/ <p>I am sure there is a very simple explanation for this but I cannot figure it out. For some reason the "wood-dark.png" background tile that should be displaying according to my settings just stopped for no reason. How do I fix this? </p> <p><a href="http://restinchairs.com/" rel="nofollow">http://restinchairs.com/</a></p> <p>Thanks. </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>