http://www.kriesi.at/support/tags/centered Support Forum - Tag: centered - Recent Posts en-US Wed, 22 May 2013 05:35:07 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/responsive-centered-logo#post-95379 Wed, 06 Feb 2013 01:36:18 +0000 Ismael 95379@http://www.kriesi.at/support/ <p>Hi makproductions06,</p> <p>Glad that its working now. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/responsive-centered-logo#post-95369 Wed, 06 Feb 2013 00:16:31 +0000 makproductions06 95369@http://www.kriesi.at/support/ <p>So for some reason it is working now.... </p> <p>This is what i did. </p> <pre><code>/* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #top .logo a { left: 47px; } .logo { left: 47px; } #top .main_menu .menu li{ margin-left: 0; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 794px) { #top .logo a { left: 0; } .logo { left: 0; } .mobileMenu { width:100%; } .main_menu { padding-bottom: 0; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {}</code></pre> <p>I thought i was targeting it correctly the first billion times but maybe not.. I used inspector to figure out what was over riding my custom.css</p> <p>It works on my desktop, iphone, and nexus 7... </p> <p>who knows what it was...</p> <p>thanks for working it out with me.. </p> http://www.kriesi.at/support/topic/responsive-centered-logo#post-95339 Tue, 05 Feb 2013 18:51:52 +0000 makproductions06 95339@http://www.kriesi.at/support/ <p>Hey devin.. sorry it is socialhouse.lebnanimg.com.. I'll try this out later and then post my css to see where i'm making the mistake.. </p> <p>thanks for your help.. </p> http://www.kriesi.at/support/topic/responsive-centered-logo#post-95159 Tue, 05 Feb 2013 02:01:09 +0000 Devin 95159@http://www.kriesi.at/support/ <p>That url is pulling up a "this domain is for sale page". </p> <p>As an aside, I always start with this when making media queries:<br /> <pre><code>/* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) {} /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {}</code></pre> <p>Add it to your custom.css file and then you can just target the devices and sizes you need with the css. Just don't use any !important stuff in there as it gets a bit hard to track.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/responsive-centered-logo#post-95156 Tue, 05 Feb 2013 01:38:07 +0000 makproductions06 95156@http://www.kriesi.at/support/ <p>HTTP://socialhouse.lebnani.com </p> http://www.kriesi.at/support/topic/responsive-centered-logo#post-93870 Tue, 29 Jan 2013 05:23:50 +0000 Ismael 93870@http://www.kriesi.at/support/ <p>Hi makproductions06,</p> <p>Can you post a link to your site? so we can check it further.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/responsive-centered-logo#post-93794 Mon, 28 Jan 2013 19:26:50 +0000 makproductions06 93794@http://www.kriesi.at/support/ <p>Okay, I must not be doing something right....Media Query Noob.. I can get some sizes to work but others dont... Aaaaa.. this is frustrating!!!<br /> I don't know how much more help you guys can give but any suggestions would be great for what i am doing wrong.... </p> http://www.kriesi.at/support/topic/responsive-centered-logo#post-93785 Mon, 28 Jan 2013 18:47:19 +0000 makproductions06 93785@http://www.kriesi.at/support/ <p>Devin! My Hero... Okay, yes that is what i have been doing.. just .logo{}.. I'll try out.. thanks! </p> http://www.kriesi.at/support/topic/responsive-centered-logo#post-93784 Mon, 28 Jan 2013 18:43:07 +0000 Devin 93784@http://www.kriesi.at/support/ <p>Hi makproductions06,</p> <p>You may need to target your css a bit better if it isn't taking effect in the custom.css file. That css file is loaded last and so any in it should take priority.</p> <p>So if you for example did .logo {some css declaration} instead of #top .logo {some css declaration} the first one would do nothing because the layout.css already starts with the #top id selector giving it more importance.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/responsive-centered-logo#post-93686 Mon, 28 Jan 2013 06:33:25 +0000 makproductions06 93686@http://www.kriesi.at/support/ <p>Okay, So i have been trying out some of this media queries. When i put them in my custom.css my layout.css is still taking precedence. </p> <p>I get the concept just having trouble actually getting them to take effect..</p> <p>Any more help would be awesome... </p> <p>Thanks Ismael! </p> http://www.kriesi.at/support/topic/responsive-centered-logo#post-93575 Sun, 27 Jan 2013 02:54:04 +0000 Ismael 93575@http://www.kriesi.at/support/ <p>Hey,</p> <p>Yep, you can target screen sizes. The styling will take effect accordingly. Try it on your custom.css. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/responsive-centered-logo#post-93572 Sun, 27 Jan 2013 02:40:31 +0000 makproductions06 93572@http://www.kriesi.at/support/ <p>Hey, Thanks for the reply... So in your css you can target screen sizes and style accordingly? Awesome.. I think i get it.. pretty niffty....</p> <p>thanks! </p> http://www.kriesi.at/support/topic/responsive-centered-logo#post-93558 Sun, 27 Jan 2013 00:01:31 +0000 Ismael 93558@http://www.kriesi.at/support/ <p>Hi,</p> <p>You can refer to css &gt; layout.css for responsive css, example is this</p> <pre><code>@media only screen and (max-width: 767px) { /*logo and menu*/ #top .logo{float:none; margin:0 auto; display: block; text-align: center; width:100%;} #top .logo a, #top .logo img{display: inline; float:none;} #top .main_menu{width:100%;} }</code></pre> <p>You can apply the css styling inside the media query. For reference visit this link <a href="http://css-tricks.com/snippets/css/media-queries-for-standard-devices/" rel="nofollow">http://css-tricks.com/snippets/css/media-queries-for-standard-devices/</a>.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/responsive-centered-logo#post-93453 Fri, 25 Jan 2013 17:39:05 +0000 makproductions06 93453@http://www.kriesi.at/support/ <p>Socialhouse.lebnani.com</p> <p>two things i'm trying to accomplish... </p> <p> 1. I need the logo to be horizontally centered in the header.</p> <p> 2. The logo needs to be responsive. </p> <p>I got the logo to be where i want it by changing its position to absolute and using left: 200px; so that part of the logo would be overlaying the slider. This worked fine on desktop browsers but then i looked on my phone and nexus and it was all different and screwed up.. </p> <p>How do i make the logo act like the rest of the page. Responsively. </p> <p>Thanks a lot! </p> http://www.kriesi.at/support/topic/main-menu-placement#post-63042 Sun, 01 Jul 2012 03:27:38 +0000 Devin 63042@http://www.kriesi.at/support/ <p>Hi Xelation,</p> <p>I think it would be possible but it would take quite a bit of modification to get right. Which is a bit more than we could provide the code for.</p> <p>If you are interested in pursuing it, you can start by trying to put the menu to the bottom. In the sidebar.php you'll see the code and layout for the sidebar area which includes the menu. There, you can re-position the elements and then the css changes will be a bit less extensive.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/main-menu-placement#post-62994 Sat, 30 Jun 2012 12:10:08 +0000 Xelation 62994@http://www.kriesi.at/support/ <p>Hi,</p> <p>Was wondering if it would be possible to position the main menu, for example on top centered of even at the bottom of the website?</p> <p>Thanks in advance.</p> <p>Grtz,<br /> Xelation </p> http://www.kriesi.at/support/topic/margin-padding#post-41192 Sat, 11 Feb 2012 07:48:24 +0000 Dude 41192@http://www.kriesi.at/support/ <p>Hey,<br /> try to add following code to css/custom.css - this should change the margin-left to 0:<br /> <pre><code>.content { margin-left: 0; }</code></pre> http://www.kriesi.at/support/topic/margin-padding#post-41113 Fri, 10 Feb 2012 11:38:24 +0000 jorisvh 41113@http://www.kriesi.at/support/ <p>I figure out that the first problem has to do with the repeat option in the Flashlight Theme Options. If I set this to no-repeat or tile then there is no problem. But If I set the repeat to fullscreen I got the problem.</p> <p>Suggestions?</p> <p>Thanks </p> http://www.kriesi.at/support/topic/margin-padding#post-41100 Fri, 10 Feb 2012 09:52:48 +0000 jorisvh 41100@http://www.kriesi.at/support/ <p>Hello all,</p> <p>I still have a problem and I tried everything. Well everything I know. Hopefully there is someone who can help me. There are two problems. </p> <p>The first one:<br /> See this picture: <a href="http://www.woonmodule.nl/test/Problem.jpg" rel="nofollow">http://www.woonmodule.nl/test/Problem.jpg</a></p> <p>This happends when I put an image on the background. I have no idea why. If I delete the background it is showing correct. </p> <p>The second problem:<br /> See this picture: <a href="http://www.woonmodule.nl/test/Problem2.jpg" rel="nofollow">http://www.woonmodule.nl/test/Problem2.jpg</a><br /> Here the background image is deleted and the sidebar is showing correct next to the content box. But as you can see it is not centered. I added a container div so I have the option to center the site. But as you can see there is a 50 px margin/padding on the left side. This is exact the 50 px by default. How can I delete this 50 px so my sidebar en content box is showing correctly as the logo and second menu above it.</p> <p>I need this fixed for a client so please who has the solution??</p> <p>Thanksss </p> http://www.kriesi.at/support/topic/shoutbox-is-not-centered-in-chrome#post-35183 Fri, 16 Dec 2011 17:28:22 +0000 Dude 35183@http://www.kriesi.at/support/ <p>Glad that it works now :) </p> http://www.kriesi.at/support/topic/shoutbox-is-not-centered-in-chrome#post-35146 Fri, 16 Dec 2011 10:06:41 +0000 Dekuwa 35146@http://www.kriesi.at/support/ <p>It works! Thx! ^_^* </p> http://www.kriesi.at/support/topic/shoutbox-is-not-centered-in-chrome#post-35142 Fri, 16 Dec 2011 08:34:52 +0000 nachosn69 35142@http://www.kriesi.at/support/ <p>Last One works Ok!!!</p> <p>Nice!! </p> http://www.kriesi.at/support/topic/shoutbox-is-not-centered-in-chrome#post-35132 Fri, 16 Dec 2011 07:52:18 +0000 Dude 35132@http://www.kriesi.at/support/ <p>Kriesi posted another fix yesterday: <a href="http://www.kriesi.at/support/topic/abundance-theme-strange-happening#post-35076" rel="nofollow">http://www.kriesi.at/support/topic/abundance-theme-strange-happening#post-35076</a> </p> http://www.kriesi.at/support/topic/shoutbox-is-not-centered-in-chrome#post-35092 Thu, 15 Dec 2011 22:03:43 +0000 eddygame 35092@http://www.kriesi.at/support/ <p>Having the same problem, tried the fixes and the last ones nearly worked. But the footer was still 'popping out' to the right and also padding on the top of the main area wasn't correct.</p> <p>Can confirm this only happened after updating chrome on mac, haven't tested on PC yet. </p> http://www.kriesi.at/support/topic/shoutbox-is-not-centered-in-chrome#post-35065 Thu, 15 Dec 2011 18:37:23 +0000 Dude 35065@http://www.kriesi.at/support/ <p>Try to add following code to css/custom.css:<br /> <pre><code>.Chrome #main { padding: 0; }</code></pre> <p>or if this doesn't work try:</p> <pre><code>#main { padding: 0; }</code></pre> http://www.kriesi.at/support/topic/shoutbox-is-not-centered-in-chrome#post-35052 Thu, 15 Dec 2011 16:51:23 +0000 Dekuwa 35052@http://www.kriesi.at/support/ <p>Same problem here, and the solution proposed by Chris doesn't work for me :-/</p> <p><a href="http://www.gamezeta.es" rel="nofollow">http://www.gamezeta.es</a> </p> http://www.kriesi.at/support/topic/shoutbox-is-not-centered-in-chrome#post-35014 Thu, 15 Dec 2011 10:09:26 +0000 nachosn69 35014@http://www.kriesi.at/support/ <p>Doesnt work for me. It´s true that you center the content nut loosing the top padding between the content and the menu. </p> http://www.kriesi.at/support/topic/shoutbox-is-not-centered-in-chrome#post-35004 Thu, 15 Dec 2011 08:07:55 +0000 Chris Beard 35004@http://www.kriesi.at/support/ <p>Hey,</p> <p>I was able to reproduce your problem, it didn't occur until I updated my Chrome version though (I'm on a PC).</p> <p>To solve this go in your style.css and remove the padding line from #main{ /*main area, contains all content and sidebars*/.</p> <p>Now in the same file add a margin to .content right below the previous edit, like this:<br /> <pre><code>.content{ width:620px; padding-right: 20px; float:left; margin-top:20px; }</code></pre> <p>Also, in the same file add a top margin to .sidebar, it should look somewhat like this:<br /> <pre><code>.sidebar { float: left; margin-top: 20px; padding: 0 0 20px 0; position: relative; width: 300px; }</code></pre> <p>This solves the issue, I'll contact Kriesi about this. </p> http://www.kriesi.at/support/topic/shoutbox-is-not-centered-in-chrome#post-34892 Wed, 14 Dec 2011 12:55:01 +0000 nachosn69 34892@http://www.kriesi.at/support/ <p>The same problem for me!!</p> <p>Please take care of it!</p> <p>For more information, i think that only happens in mac chrome version. In PC works ok.</p> <p>Best,</p> <p>Nacho. </p> http://www.kriesi.at/support/topic/shoutbox-is-not-centered-in-chrome#post-34787 Tue, 13 Dec 2011 18:42:23 +0000 figit 34787@http://www.kriesi.at/support/ <p>Everything under the primary navigation bar is off centered in chrome. This is not limited to my install either, in fact, if you look at the demo for shoutbox in chrome you'll notice the same problem.</p> <p>Can you please supply a fix since you claim chrome support for shoutbox?</p> <p>Thanks,<br /> -m </p>