http://www.kriesi.at/support/tags/background-image Support Forum - Tag: background image - Recent Posts en-US Sun, 19 May 2013 00:09:31 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/abundance-theme-background-image-problem-with-internet-explorer#post-110847 Mon, 13 May 2013 12:56:05 +0000 Devin 110847@http://www.kriesi.at/support/ <p>Hi Dux,</p> <p>Without seeing it live or knowing exactly how the image is added in, as well as its size there isn't much we can do. </p> <p>All css rules for background placement are here: <a href="http://www.w3schools.com/css/css_background.asp" rel="nofollow">http://www.w3schools.com/css/css_background.asp</a></p> <p>The main thing is that the image will only stretch if the container stretches, so if in IE for some reason that isn't happening there may or may not be anything we can do. It really just depends on exactly how the image is being added in and how IE is reading it.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/abundance-theme-background-image-problem-with-internet-explorer#post-110380 Fri, 10 May 2013 15:23:04 +0000 Dux 110380@http://www.kriesi.at/support/ <p>Sorry, I do not have it live yet. CSS is the standard config from the abundance theme currently since it is in the beginning phases of development. The problem is Internet Explorer will not scale the background image at all when the window size changes. The background image in IE stays a static size as the screen resizes which causes the image to not stretch edge to edge. Chrome and Firefox are ok. They do scale the image as the window size changes. Thank you for any assistance you can provide and I apologize again for not having a live example. </p> http://www.kriesi.at/support/topic/abundance-theme-background-image-problem-with-internet-explorer#post-109937 Thu, 09 May 2013 00:14:50 +0000 Ismael 109937@http://www.kriesi.at/support/ <p>Hi,</p> <p>Can you give us a link to the website? Maybe we can fix this with a simple css modification.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/abundance-theme-background-image-problem-with-internet-explorer#post-109845 Wed, 08 May 2013 18:16:01 +0000 Dux 109845@http://www.kriesi.at/support/ <p>Just an update. I scaled the resolution of the image down to the exact size of the screen I am testing with and it displays properly in Internet Explorer now. The problem now is that when the screen resolution is bigger than the image resolution, Internet Explorer tiles the same image behind the image as a filler instead of stretching the image. I have tested with IE 10 and IE 8 with the same results. Chrome and Firefox can scale the image properly when the resolution of the screen exceeds or is less than the image size to fill the entire screen. </p> http://www.kriesi.at/support/topic/abundance-theme-background-image-problem-with-internet-explorer#post-109816 Wed, 08 May 2013 16:43:50 +0000 Dux 109816@http://www.kriesi.at/support/ <p>I am trying to place a background image for all pages on a site built off the Abundance Wordpress theme. I am able to get it to display fine in Chrome and Firefox. Internet Explorer zooms way into the image and the left and right side of the image is way off the screen. I have tried center and left placement of the image and also different resolutions of the image with no luck. I am setting this within the Theme Options &gt; Styling &gt; Background Image section of the theme settings. </p> http://www.kriesi.at/support/topic/amplify-background-image-on-frontpage#post-107436 Fri, 26 Apr 2013 15:55:21 +0000 Dude 107436@http://www.kriesi.at/support/ <p>Hey! </p> <p> Yes, add following code to a theme stylesheet (eg style.css):</p> <pre><code>.widgetborder { background: #ffffff; }</code></pre> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/amplify-background-image-on-frontpage#post-107196 Thu, 25 Apr 2013 10:18:28 +0000 parasite 107196@http://www.kriesi.at/support/ <p>Hi there,</p> <p>I am trying to add a repeating background image to my website <a href="http://www.hobbs-style.co.uk" rel="nofollow">http://www.hobbs-style.co.uk</a>. I have used the following code:</p> <p>body{<br /> color:#222;<br /> background:url('http://dswat.net/hobbs/wp-content/uploads/2013/04/brickbg.jpg');<br /> background-repeat:repeat;<br /> background-attachment:fixed;<br /> }</p> <p>#frontpage{<br /> background:#fff url('http://dswat.net/hobbs/wp-content/uploads/2013/04/brickbg.jpg');<br /> background-repeat:repeat;<br /> background-attachment:fixed;<br /> }</p> <p>This seems to work fine, however the main content box on the bottom left has lost its white background. Is there any way to keep the background white for that box and not transparent?</p> <p>Many Thanks,</p> <p>Armin </p> http://www.kriesi.at/support/topic/horizontal-background-colour-slice-not-showing#post-104641 Sun, 07 Apr 2013 00:50:19 +0000 Nick 104641@http://www.kriesi.at/support/ <p>Hi,</p> <p>First update to Corona v1.5 that I am using while you have v1.3 . You can do this in themeforest.net , login using account you purchased the theme and using FTP install it. Please be aware that the update will overwrite all the theme files so make a backup if you edited any.</p> <p>I just looked into this briefly, that same line is there on the other pages just not where you would expect it ( <a href="http://www.clipular.com/c?4292034=OJJAKFaivN6WRYshwD6B-sYuJ58&amp;f=.png" rel="nofollow">http://www.clipular.com/c?4292034=OJJAKFaivN6WRYshwD6B-sYuJ58&amp;f=.png</a> ..big green line is where its at) and the best thing you can do is open up header.php in your theme folder and </p> <p>1. add the code below to line 110 </p> <p><code>&lt;?php if ($extraClass = &quot;slideshow_big_container&quot;) $extraClass = &quot;&quot; ?&gt;</code></p> <p>and line 110 (which is empty) should be right *after* line 109 which looks like the code below</p> <pre><code>&lt;!-- ####### HEAD CONTAINER ####### --&gt;</code></pre> <p>In the same header.php file, find line 203 and add two forward slashed in front of it so it will look like</p> <p><code>//if(!empty($avia_config[&#39;slide_output&#39;])) echo &quot;&lt;div class=&#39;container slideshow_big&#39;&gt;&quot;.$avia_config[&#39;slide_output&#39;].&quot;&lt;/div&gt;&quot;;</code></p> <p>then you will need to open multiple files and paste the line below into each of the files at the line number indicated</p> <p><code>&lt;?php if(!empty($avia_config[&#39;slide_output&#39;])) echo &quot;&lt;div class=&#39;container slideshow_big&#39;&gt;&quot;.$avia_config[&#39;slide_output&#39;].&quot;&lt;/div&gt;&quot;;?&gt;</code></p> <p>remember to paste the above code on line number indicated below (all 3 of these files are in the main folder of your theme)</p> <p>page.php --- paste the above code on line 27 ; before line 28 that contains this: &lt;?php<br /> single.php --- paste the above code on line 19 ; before line 20 that contains this: &lt;?php<br /> template-dynamic.php --- paste the above code on line 37 ; before line 38 that contains this: &lt;?php</p> <p>If you follow these instructions (which are ok, if you focus on my instructions and line numbers, since i tested it)</p> <p>Thanks.</p> <p>-----OFF TOPIC----------</p> <p>Please do not save photographs in PNG format as you are doing in your slider ( <a href="http://etool.net.au/wp-content/uploads/2012/09/Building-or-Renovating-930x370.png" rel="nofollow">http://etool.net.au/wp-content/uploads/2012/09/Building-or-Renovating-930x370.png</a> ). You are getting 700k PNG when you can have an 80k JPG.</p> <p>Please use free online image optimizer to further compress your images in both formats:</p> <p>For PNG : <a href="http://www.pngoptimizer.com/" rel="nofollow">http://www.pngoptimizer.com/</a></p> <p>For JPG : <a href="http://jpeg-optimizer.com/" rel="nofollow">http://jpeg-optimizer.com/</a> (uncheck resize photo, and leave optimization at 60)</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/horizontal-background-colour-slice-not-showing#post-104428 Fri, 05 Apr 2013 01:08:39 +0000 siobhan13 104428@http://www.kriesi.at/support/ <p>Hi Devin, </p> <p>Thanks I thought that might be the case.</p> <p>Can you advise what code I should use to customise this please?</p> <p>I've had a look in the page.php and it isn't clear to me what I should add/edit.</p> <p>Many thanks,<br /> Siobhan </p> http://www.kriesi.at/support/topic/horizontal-background-colour-slice-not-showing#post-104311 Thu, 04 Apr 2013 12:22:40 +0000 Devin 104311@http://www.kriesi.at/support/ <p>It will only show that container if the image/slideshow container is present it looks like. Otherwise it has the top container with the page name.</p> <p>So you would need to customize the page.php file in the theme files if you wanted to change the layout.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/horizontal-background-colour-slice-not-showing#post-104125 Wed, 03 Apr 2013 03:43:49 +0000 siobhan13 104125@http://www.kriesi.at/support/ <p>Hi Devan, </p> <p>The majority of my pages are dynamic templates - I've checked for the following in the Template Builder and they are all Fullsize, No Sidebar.<br /> <a href="http://etool.net.au/" rel="nofollow">http://etool.net.au/</a><br /> <a href="http://etool.net.au/why-life-cycle-assessment/" rel="nofollow">http://etool.net.au/why-life-cycle-assessment/</a><br /> <a href="http://etool.net.au/contact/" rel="nofollow">http://etool.net.au/contact/</a></p> <p>One of my newer pages which isn't a dynamic template has the layout - Fullsize preview image, no sidebar (as in your suggestion) but the background colour slice is not showing on this page - <a href="http://etool.net.au/about/affiliates/" rel="nofollow">http://etool.net.au/about/affiliates/</a></p> <p>Any ideas?</p> <p>Thanks, Siobhan </p> http://www.kriesi.at/support/topic/horizontal-background-colour-slice-not-showing#post-103996 Tue, 02 Apr 2013 13:28:15 +0000 Devin 103996@http://www.kriesi.at/support/ <p>Hi Siobhan,</p> <p>You can choose that layout by setting the "Page Layout" to Fullsize preview image, no sidebar on each page.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/horizontal-background-colour-slice-not-showing#post-103935 Tue, 02 Apr 2013 06:10:20 +0000 siobhan13 103935@http://www.kriesi.at/support/ <p>Hi, </p> <p>The horizontal fading line is missing on my homepage and a newer few pages as I add them to my website.</p> <p>It is showing up here (examples):<br /> <a href="http://etool.net.au/residential/" rel="nofollow">http://etool.net.au/residential/</a><br /> <a href="http://etool.net.au/property-development/developers/" rel="nofollow">http://etool.net.au/property-development/developers/</a></p> <p>It isn't showing up here (examples):<br /> <a href="http://etool.net.au/" rel="nofollow">http://etool.net.au/</a><br /> <a href="http://etool.net.au/why-life-cycle-assessment/" rel="nofollow">http://etool.net.au/why-life-cycle-assessment/</a><br /> <a href="http://etool.net.au/contact/" rel="nofollow">http://etool.net.au/contact/</a></p> <p>Is it connected to where the slider is being used? I would like it on all of the pages in the default light grey as it suits my theme fine.</p> <p>Please can you advise any changes I need to make to get this working on all pages.</p> <p>Also is it possible to change this to an image as on the Kriesi website - just for future reference.</p> <p>Many thanks, Siobhan </p> http://www.kriesi.at/support/topic/background-image-in-header#post-103094 Tue, 26 Mar 2013 06:55:27 +0000 Dude 103094@http://www.kriesi.at/support/ <p>Hi! </p> <p> The shortcodes are explained in the theme docs: <a href="http://www.kriesi.at/docs/avisio/#b11" rel="nofollow">http://www.kriesi.at/docs/avisio/#b11</a> </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/background-image-in-header#post-102992 Mon, 25 Mar 2013 19:10:59 +0000 orangebulb 102992@http://www.kriesi.at/support/ <p>Thank you so much, Devin! I also have another question... where can I find the actual "codes" for the shortcodes? I was wanting to use the content slideshow shortcodes to create a photo gallery within a page. </p> <p><a href="http://aviathemes.com/aviaslider/" rel="nofollow">http://aviathemes.com/aviaslider/</a></p> <p>On previous wordpress themes I have bought, there was a site that actually had the shortcodes listed out with the code and then a sample of what it looked like. I haven't seen this for the Avisio theme and couldn't find it anywhere on the demo page or on this page. I also looked through the files included in the download and didn't see it, but maybe I am just missing it somewhere??</p> <p>Thanks again for your response! </p> http://www.kriesi.at/support/topic/background-image-in-header#post-102980 Mon, 25 Mar 2013 17:36:47 +0000 Devin 102980@http://www.kriesi.at/support/ <p>Hey orangebulb,</p> <p>Try this:<br /> <pre><code>#top #wrapper_head{ background-image: url(&#39;http://semco-electricmotors.com/wp-content/uploads/2013/03/drawingbg2.jpg&#39;); }</code></pre> <p>That will give it priority if added to your custom.css file (in the themes css folder).</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/background-image-in-header#post-102946 Mon, 25 Mar 2013 13:17:57 +0000 orangebulb 102946@http://www.kriesi.at/support/ <p>I am trying to put a background image in the header area. I have tried placing it in a couple different places in the code, but none worked. Most of the time it didn't show up at all. I was able to get it to show up behind the logo, but only the logo and not the full header. I'm sure it's a simple fix, but I needed some help!</p> <p><a href="http://semco-electricmotors.com/" rel="nofollow">http://semco-electricmotors.com/</a></p> <p>Any and all help is greatly appreciated! Thanks in advance! </p> http://www.kriesi.at/support/topic/unwanted-black-bar-in-header-container#post-91102 Fri, 11 Jan 2013 08:09:37 +0000 Ismael 91102@http://www.kriesi.at/support/ <p>Hey,</p> <p>Glad it is fixed.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/unwanted-black-bar-in-header-container#post-91046 Thu, 10 Jan 2013 20:59:41 +0000 mebebrown 91046@http://www.kriesi.at/support/ <p>That looks great, Devin. Thanks so much! </p> http://www.kriesi.at/support/topic/unwanted-black-bar-in-header-container#post-90384 Mon, 07 Jan 2013 15:45:50 +0000 Devin 90384@http://www.kriesi.at/support/ <p>I've added the following to your Quick CSS to remove the header background color:<br /> <pre><code>#header_background { background-color: transparent; }</code></pre> <p>You may want to look into getting Akismet fully set up. The comment Queue is quite large with spam :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/unwanted-black-bar-in-header-container#post-90223 Sat, 05 Jan 2013 22:32:28 +0000 mebebrown 90223@http://www.kriesi.at/support/ <p>Thanks, Ismael! </p> http://www.kriesi.at/support/topic/unwanted-black-bar-in-header-container#post-90136 Sat, 05 Jan 2013 04:05:19 +0000 Ismael 90136@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'll tag Devin again. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/unwanted-black-bar-in-header-container#post-90129 Sat, 05 Jan 2013 00:17:27 +0000 mebebrown 90129@http://www.kriesi.at/support/ <p>Hi Devin, </p> <p>Thanks for your reply. I've sent you an email with the login information. Please do let me know if you've received it and thanks for looking into it for me!</p> <p>Kind Regards,<br /> Megan </p> http://www.kriesi.at/support/topic/unwanted-black-bar-in-header-container#post-89966 Fri, 04 Jan 2013 02:25:37 +0000 Devin 89966@http://www.kriesi.at/support/ <p>Hey mebebrown,</p> <p>The URL is showing a down for maintenance message. If you can create an account for me I'll log in and take a look.</p> <p>You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn't grab it :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/unwanted-black-bar-in-header-container#post-89914 Thu, 03 Jan 2013 21:23:41 +0000 mebebrown 89914@http://www.kriesi.at/support/ <p>Here's the url. Sorry!</p> <p><a href="http://voxyladies.com/" rel="nofollow">http://voxyladies.com/</a> </p> http://www.kriesi.at/support/topic/unwanted-black-bar-in-header-container#post-89913 Thu, 03 Jan 2013 21:23:04 +0000 mebebrown 89913@http://www.kriesi.at/support/ <p>Hello,</p> <p>I'm using the Flagship theme. I've changed the size of the featured slideshow to accommodate an image I want to use on every page. However, now there is a large black/dark grey bar in the header container that I want to show the same background image I have on the rest of the site (the green with colored dots). Can you please advise on how to remove this so that just the background image is showing?</p> <p>Thank you! </p> http://www.kriesi.at/support/topic/background-image-and-right-sidebar-not-displaying-on-blog-page#post-86471 Tue, 04 Dec 2012 17:33:19 +0000 Devin 86471@http://www.kriesi.at/support/ <p>Hi xGSTQ,</p> <p>Sorry for the delay! Each time you post it pushes the topic to the back of our Queue system since it goes oldest posted to newest.</p> <p>Were you able to update your theme?</p> <p>When you do, could also try disabling all active plugins besides woo commerce. Specifically W3 total cache just in case there is a conflict and how the images are getting added in.</p> <p>Then go through the same steps you've gone through already and additionally try creating a new post and adding images to it like normal.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/background-image-and-right-sidebar-not-displaying-on-blog-page#post-86174 Sun, 02 Dec 2012 12:28:12 +0000 xGSTQ 86174@http://www.kriesi.at/support/ <p>Ill presume the lack of reply as you don't know why its doing it ;-) </p> http://www.kriesi.at/support/topic/background-image-and-right-sidebar-not-displaying-on-blog-page#post-86042 Fri, 30 Nov 2012 18:47:22 +0000 xGSTQ 86042@http://www.kriesi.at/support/ <p>Any ideas how to resolve this ?</p> <p>im a first time user of Wordpress, but im guessing its a process of fault finding by a process of elimination </p> http://www.kriesi.at/support/topic/background-image-and-right-sidebar-not-displaying-on-blog-page#post-85905 Thu, 29 Nov 2012 18:09:37 +0000 xGSTQ 85905@http://www.kriesi.at/support/ <p>What ever option I select from the drop down nothing shows</p> <p>so for example I select "Image list attached to the entry" update the page and its not attaching the images :-(</p> <p>I selected them all 1 by 1 and its the same, so thats the problem</p> <p>I then tried deleting the 2 images, and uploaded a new image, same thing happened :-/ </p>