http://www.kriesi.at/support/tags/border Support Forum - Tag: border - Recent Posts en-US Sun, 26 May 2013 02:41:41 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/customising-the-slider-background-and-borders#post-110797 Mon, 13 May 2013 06:17:33 +0000 Ismael 110797@http://www.kriesi.at/support/ <p>Hi,</p> <p>This is not perfect but this will get you started. Add this on your custom.css.</p> <pre><code>.slideThumb { background: transparent url(../images/background/background.jpg) center no-repeat !important; padding: 15px 15px; border: none; margin-bottom: 0; } .style_border { display: none !important; } .thumbnail_wrap_vert .thumbnails_container .slideThumb { margin-bottom: 0; }</code></pre> <p>You need to create your own background file.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/customising-the-slider-background-and-borders#post-110562 Sat, 11 May 2013 19:27:26 +0000 mattyk1972 110562@http://www.kriesi.at/support/ <p>Hi there</p> <p>I was wondering if it was possible (and if so how) to make changes to the border and background of the secondary images in the main slider on the homepage. I want to try and use a customised border that is more in keeping with the rest of the site, and change the background of these images.</p> <p>Ideally, what we would like to do is create a customised border that looks the same for all three images, except it's a slightly different colour for the one that is 'active' in the main part of the slider. Is it possible and which files would I need to edit? I've attached an image to give you a better idea of what I'm looking to achieve.</p> <p><a href="http://img826.imageshack.us/img826/2660/sliderscreenshot.jpg" rel="nofollow">http://img826.imageshack.us/img826/2660/sliderscreenshot.jpg</a></p> <p>Thanks </p> http://www.kriesi.at/support/topic/tabs-responsive-issue#post-108705 Fri, 03 May 2013 14:42:25 +0000 Nick 108705@http://www.kriesi.at/support/ <p>Glad that Ismael took care of the issue. Enjoy the theme.</p> <p>Nick </p> http://www.kriesi.at/support/topic/tabs-responsive-issue#post-108657 Fri, 03 May 2013 10:54:52 +0000 jawes 108657@http://www.kriesi.at/support/ <p>Hi,</p> <p>Thank you the tabs are now working.</p> <p>Regards,<br /> Jan </p> http://www.kriesi.at/support/topic/tabs-responsive-issue#post-108551 Thu, 02 May 2013 23:27:22 +0000 Ismael 108551@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'm not sure if this is going to work but please add this on your custom.css</p> <pre><code>.noborder_tabs.sidebar_tab_left .tab { border-left: 1px solid #E1E1E1; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/tabs-responsive-issue#post-108461 Thu, 02 May 2013 15:44:56 +0000 jawes 108461@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Option A did not work.<br /> With option B the left border is missing. See screendump.</p> <p><a href="http://www.clipular.com/c?5508074=Wl9wbJz6FOKX6h24VfRBVHyv05Y&amp;f=.png" rel="nofollow">http://www.clipular.com/c?5508074=Wl9wbJz6FOKX6h24VfRBVHyv05Y&amp;f=.png</a> </p> http://www.kriesi.at/support/topic/tabs-responsive-issue#post-108319 Thu, 02 May 2013 05:10:47 +0000 Nick 108319@http://www.kriesi.at/support/ <p>Hi ,</p> <p>I don't have a smartphone so please try each of these to see what it looks like</p> <p>Option A:<br /> Please add this to your /css/custom.css or Quick CSS located in Enfold &gt; Styling on the bottom of the page</p> <pre><code>@media only screen and (max-width: 767px){ .responsive .tabcontainer .tab.fullsize-tab { border-left-width: 1px; border-left-style: solid; border-left-color: rgb(225, 225, 225); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(225, 225, 225); }}</code></pre> <p>Option B</p> <p>open up /css/shortcodes.css and find line 627 that looks like<br /> <pre><code>{width:100%; max-width:100%; border-left:none; border-right:0;left:0; top:0; min-height: 0!important;}</code></pre> <p>replace that with this line<br /> <pre><code>{width:100%; max-width:100%; min-height: 0 !important;}</code></pre> <p>and add this css to Quick CSS<br /> <pre><code>@media only screen and (max-width: 767px){ #top .active_tab_content { border-right-width: 0px !important; }}</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/tabs-responsive-issue#post-108173 Wed, 01 May 2013 10:53:35 +0000 jawes 108173@http://www.kriesi.at/support/ <p>Yes that is right! </p> http://www.kriesi.at/support/topic/tabs-responsive-issue#post-108166 Wed, 01 May 2013 09:26:58 +0000 Nick 108166@http://www.kriesi.at/support/ <p>Hi,</p> <p>Do you mean this - right and left side? <a href="http://www.clipular.com/c?5530312=vJfGqdybIzPZGZoWNvFB0B21MK0&amp;f=.png" rel="nofollow">http://www.clipular.com/c?5530312=vJfGqdybIzPZGZoWNvFB0B21MK0&amp;f=.png</a></p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/tabs-responsive-issue#post-108008 Tue, 30 Apr 2013 13:51:39 +0000 jawes 108008@http://www.kriesi.at/support/ <p>Hi,</p> <p>I am using the tabs shortcode with the labels on the left with border. When checking it on a mobile phone I see that the borders of the bottom labels are broken.</p> <p>Any idea how I can fix this? </p> http://www.kriesi.at/support/topic/image-with-caption-goes-out-of-border#post-106203 Fri, 19 Apr 2013 08:57:06 +0000 Nick 106203@http://www.kriesi.at/support/ <p>Great! Enjoy the theme!</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/image-with-caption-goes-out-of-border#post-106116 Thu, 18 Apr 2013 13:26:10 +0000 Caiser_Souze 106116@http://www.kriesi.at/support/ <p>LOL nice concept about dimension. Thanks for the reply and I think the problem is resolved and ok!</p> <p>Have a nice day</p> <p>Caiser </p> http://www.kriesi.at/support/topic/border-bug#post-106084 Thu, 18 Apr 2013 11:42:01 +0000 Dude 106084@http://www.kriesi.at/support/ <p>Hi,<br /> which OS are you using? I tried to reproduce the issue with Chrome (26.0.1410.64 m) and Win8 but I couldn't: <a href="http://www.screenr.com/C0e7" rel="nofollow">http://www.screenr.com/C0e7</a></p> <p>Maybe try to deactivate all browser extensions - sometimes they can cause display errors. </p> http://www.kriesi.at/support/topic/border-bug#post-105911 Wed, 17 Apr 2013 13:32:26 +0000 Lamaci 105911@http://www.kriesi.at/support/ <p>Hello,</p> <p>on my homapage site (denis.stefanides.sk) there is a blue border with text NAJNOVŠIE PRÍSPEVKY (in the middle of page) and it's bugged. If i hit sort my items (for example Motion Graphics) then this blue border scaled down and after finish sorting he scale up.</p> <p>Is there any way to fix it? I have this problem only in google chrome :)</p> <p>Regards,<br /> Lamaci </p> http://www.kriesi.at/support/topic/image-with-caption-goes-out-of-border#post-105861 Wed, 17 Apr 2013 10:51:16 +0000 Nick 105861@http://www.kriesi.at/support/ <p>Hi,</p> <p>Please use this free service <a href="http://jpeg-optimizer.com/" rel="nofollow">http://jpeg-optimizer.com/</a> to compress your images without loss in quality (checkbox for Compress Image set to 65; uncheck the size checkbox) . The image on the above page was compressed 90% from 474k to 58k without loss in quality or size. <a href="http://www.jpeg-optimizer.com/uploaded_images_final/swissbodypainting_0005__1366195440_111.118.136.68.jpg" rel="nofollow">http://www.jpeg-optimizer.com/uploaded_images_final/swissbodypainting_0005__1366195440_111.118.136.68.jpg</a></p> <p>You have a width of 530px available in your blog. When you insert an image with a width of 756 into that space and tell it to align right, left or center, the results will be the same as asking a rally fat person stuck inside a telephone booth to move a little to the right or left. :) Try using images with a width less then 530 so there is wiggling room.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/image-with-caption-goes-out-of-border#post-105605 Mon, 15 Apr 2013 07:22:55 +0000 Caiser_Souze 105605@http://www.kriesi.at/support/ <p>Hi, in the blog I noticed that when I insert an image with a capiton (Align center/no aligned - Real dimension) my image is not aligned in the frame box and the picture goes over the right caption frame border.</p> <p>Here an example of this problem: <a href="http://www.swissbodypainting.ch/test-articolo/" rel="nofollow">http://www.swissbodypainting.ch/test-articolo/</a></p> <p>How is possible to avoid that? </p> <p>Many thanks for your help.</p> <p>Caiser </p> http://www.kriesi.at/support/topic/lightboxprettyphoto-margin#post-102883 Mon, 25 Mar 2013 07:25:27 +0000 Dude 102883@http://www.kriesi.at/support/ <p>Hey! </p> <p> Add following code into the quick css field (or use css/custom.css):<br /> <pre><code>div.pp_default div .pp_content{ background-color: transparent !important; }</code></pre> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/lightboxprettyphoto-margin#post-102769 Sat, 23 Mar 2013 20:08:21 +0000 cavanaughb 102769@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>Thanks for the tip. I updated my custom.css, cleared cache, and reloaded, but I'm still seeing a white background below the image. Would you have any other ideas?</p> <p>Best,<br /> Brian </p> http://www.kriesi.at/support/topic/lightboxprettyphoto-margin#post-102730 Sat, 23 Mar 2013 03:14:38 +0000 Ismael 102730@http://www.kriesi.at/support/ <p>Hi,</p> <p>Try this on your custom.css</p> <pre><code>div.pp_default div .pp_content { background-color: none !important; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/lightboxprettyphoto-margin#post-102700 Fri, 22 Mar 2013 20:21:50 +0000 cavanaughb 102700@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>That would be great, thank you! A preview is available here: <a href="http://www.cathyweis.org/works/repertory/the-sea-around-us/" rel="nofollow">http://www.cathyweis.org/works/repertory/the-sea-around-us/</a></p> <p>Best regards,<br /> Brian </p> http://www.kriesi.at/support/topic/lightboxprettyphoto-margin#post-102561 Fri, 22 Mar 2013 03:06:57 +0000 Devin 102561@http://www.kriesi.at/support/ <p>Hi cavanaughb,</p> <p>If you can provide a link to your site we can take a look live and help with a css fix.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/lightboxprettyphoto-margin#post-102438 Thu, 21 Mar 2013 13:14:25 +0000 cavanaughb 102438@http://www.kriesi.at/support/ <p>Hi,</p> <p>I've scoured the forum for help with the Lightbox/PrettyPhoto and I apologize for still having trouble, because there are quite a few help topics already posted.</p> <p>I successfully removed the top, left, and right margins by editing the images in the prettyphoto folder, but I am unable to remove the white bottom border. From another thread, I've posted the following code into my custom.css</p> <pre><code>div.pp_default .pp_top, div.pp_default .pp_bottom, div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content_container .pp_right{ background: none !important; }</code></pre> <p>Still no luck -- a white border appears below the image. Has anyone had success at removing this white border?</p> <p>Many thanks. </p> http://www.kriesi.at/support/topic/removing-extralight-border-from-sidebar-menus-difficulties-with-alignment#post-84485 Mon, 19 Nov 2012 01:02:40 +0000 Ismael 84485@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'm sure Firebug can help. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/removing-extralight-border-from-sidebar-menus-difficulties-with-alignment#post-84483 Sun, 18 Nov 2012 23:05:02 +0000 merhardj 84483@http://www.kriesi.at/support/ <p>Thanks for the suggestions. I may download Firefox and Firebug and see if it helps alleviate any of the problems I've been having. I don't hope to be a coding expert by any means, but at least be able to customize a website to my particular needs. </p> http://www.kriesi.at/support/topic/removing-extralight-border-from-sidebar-menus-difficulties-with-alignment#post-84067 Thu, 15 Nov 2012 12:26:07 +0000 Nick 84067@http://www.kriesi.at/support/ <p>Hi,</p> <p>Have you tried Ismael's customization he suggested above?</p> <p>Almost all developers today write their CSS code in Firebug. You work with notepad and a browser and as you are adding different styles you save them into notepad to keep them , refresh and keep going on until the design is complete. If you are looking for an automated program , there really is nothing magical but the closest thing that comes is Top Style 4.</p> <p>For WordPress you would need to know php, jQuery, Ajax, dom, css3, html5 (and xhtml syntax ), sql, as well as functions and constants native to WordPress. Off-course it doesn't mean you have to be able to write anything, you just have to understand what is happening in each particular block or line of code, and to be able to find similar blocks online and swap them out. (even if that is oversimplifying it ). But most of what you see is php files, css files, and jQuery files.</p> <p>There are tons of awesome free videos on YouTube. Don't bother using the youtube search, instead search through google and put constraints of videos at least 45 minutes long, and search for 'introduction to wordpress development', 'understanding wordpress' or 'wordpress theme customization' 'under the hood of wordpress'. there are some excellent instructional videos by people who can explain what to do in a more interesting and clear way than I ever could.</p> <p>But open up a php file , when you run into something you don't know, ask the thousands of developers on <a href="http://stackexchange.com/" rel="nofollow">http://stackexchange.com/</a> for free, or look it up in <a href="http://php.net" rel="nofollow">http://php.net</a> or <a href="http://codex.wordpress.org/" rel="nofollow">http://codex.wordpress.org/</a> . That's how everybody learns it one step at a time (hate to use that cliche but its true)</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/removing-extralight-border-from-sidebar-menus-difficulties-with-alignment#post-84061 Thu, 15 Nov 2012 11:22:33 +0000 merhardj 84061@http://www.kriesi.at/support/ <p>I've been using Google Chrome's built-in functionality, though it only goes so far in being useful to me as I need to brush up on my CSS. I know the changes I'm asking are quite a bit more complex than simple styling questions. ;]</p> <p>With this theme in particular, what coding languages would you suggest I look into to get a better grasp of what exactly is happening behind the scenes? </p> http://www.kriesi.at/support/topic/removing-extralight-border-from-sidebar-menus-difficulties-with-alignment#post-83911 Wed, 14 Nov 2012 15:53:23 +0000 Nick 83911@http://www.kriesi.at/support/ <p>Hi,</p> <p>For making customization to your theme's CSS, we recommend that you install and get to know Firebug ( <a href="http://getfirebug.com/css" rel="nofollow">http://getfirebug.com/css</a> ) and Google Chrome developer tools ( <a href="https://developers.google.com/chrome-developer-tools/docs/overview" rel="nofollow">https://developers.google.com/chrome-developer-tools/docs/overview</a> ) browser add-on. Firebug is a free web development tool that integrates into Firefox and Chrome browsers and assists in monitoring, debugging and editing of any website's CSS, HTML, DOM, and JavaScript files.</p> <p>Once installed, this easy to follow video will show you the basics of Firebug – <a href="http://vimeo.com/20917974" rel="nofollow">http://vimeo.com/20917974</a> and get you on your way to customizing your theme like a real pro. It's 5 minutes long, and by the end you will know how to style anything!</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/border-color-contact-form#post-83861 Wed, 14 Nov 2012 12:09:27 +0000 MattiaParla 83861@http://www.kriesi.at/support/ <p>Thanks Dude!<br /> It's works.</p> <p>M </p> http://www.kriesi.at/support/topic/removing-extralight-border-from-sidebar-menus-difficulties-with-alignment#post-83813 Wed, 14 Nov 2012 06:44:55 +0000 Ismael 83813@http://www.kriesi.at/support/ <p>Hi merhardj,</p> <p>Kindly add this code in your Quick CSS or custom.css:<br /> <pre><code>.widget .seperator.extralight-border { display: none; }</code></pre> <p>This code removes the extralight-border on the sidebar widget.</p> <p>Also, add this code in your Quick CSS or custom.css, to remove the line below each list item in the widget:<br /> <pre><code>.widget li, .widget a { border: 0; }</code></pre> <p>or<br /> <pre><code>.widget li, .widget a { border: 0 !important; }</code></pre> <p>The other problem, I'm unable to test it with a mobile device. Let me tag the rest of the team.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/removing-extralight-border-from-sidebar-menus-difficulties-with-alignment#post-83744 Tue, 13 Nov 2012 20:57:04 +0000 merhardj 83744@http://www.kriesi.at/support/ <p>Hi there -</p> <p>I've been messing with the CSS a bit to try and come up with an elegant solution for my website, and have been running into a few problems.</p> <p>Namely, I can't find out how to remove the extralight-border for only the sidebar widget box. There are also weird dashes in front of the individual sidebar widget menu items that appear as boxes on mobile devices.</p> <p>My other problem comes up when trying to style the .ajax-control above the portfolio. I want it to be aligned left with the element above it (the two columns), but given the dynamic nature of the theme, it looks weird on mobile devices and when the resolution changes. I was also curious if it were possible to change the order of the buttons (so the X appears first, sort of like OSX)</p> <p>Any suggestions would be a great help.</p> <p>page in question here: <a href="http://danmerhar.com/good-artists-borrow-great-artists-steal/" rel="nofollow">http://danmerhar.com/good-artists-borrow-great-artists-steal/</a></p> <p>Thanks! </p>