Azurafiles Posted September 26, 2011 Share Posted September 26, 2011 How can I change the Border Colours of my website from white to black. http://www.airbrush-magic.com/ All that is white I want to be a different colour, but how? Link to comment Share on other sites More sharing options...
ysco Posted September 27, 2011 Share Posted September 27, 2011 Hello AeroFiles, You mean the border off your page ? Or do you mean the border off your blocks ? Regards, ysco.. Link to comment Share on other sites More sharing options...
Carl Favre Posted September 27, 2011 Share Posted September 27, 2011 <p>Hi AeroFiles,</p> <p> </p> <p>If you want to change the white background color, you must edit :</p> <p> </p> <div class="cssHead focusRow " role="listitem"> </div> <p><span> </span></p> <div class="cssHead focusRow " role="listitem"><span><span class="cssSelector editable ">#page</span> {</span></div> <div class="cssProp focusRow editGroup " role="option"><span><span> </span><span class="cssPropName editable ">background</span><span class="cssColon ">: </span><span class="cssPropValue editable ">url("../img/fold_top.gif") no-repeat scroll 0 0 #FFFFFF</span><span class="cssSemi ">;</span></span></div> <p><span> </span></p> <p> </p> <p>And replace #FFFFF with the color of your choice.</p> <p> </p> <p>#00000 for black for example.</p> <p> </p> <p>_Carl</p> <div class="cssProp focusRow editGroup " role="option"> </div> Link to comment Share on other sites More sharing options...
Carl Favre Posted September 27, 2011 Share Posted September 27, 2011 Hmm here in a more readable way : Hi AeroFiles, If you want to change the white background color, you must edit: #page { background: url("../img/fold_top.gif") no-repeat scroll 0 0 #FFFFFF; And replace FFFFFF with the color of your choice. 00000 for black for example. Carl Link to comment Share on other sites More sharing options...
ysco Posted September 27, 2011 Share Posted September 27, 2011 Hello Carl Favre I think he does not want the background changed but the border blocks or Page border. @ AeroFiles I attached two screenshots, let me know if there is one that is correct this way and if this is what you mean. Regards, ysco.. Link to comment Share on other sites More sharing options...
Carl Favre Posted September 27, 2011 Share Posted September 27, 2011 Hi ysco, Yes in doubt I wrote the way to change the whole white color. Let us wait for his answer . Link to comment Share on other sites More sharing options...
johnclark Posted September 27, 2011 Share Posted September 27, 2011 Hi Aeroflies, You can use following code to change the background color of you website: <body bgcolor="black"> You may also use color code instead of black.Try it!!It will definitely work. ---------------------------------------------------------------------- Security Companies in Ireland Link to comment Share on other sites More sharing options...
lovehyesung Posted October 5, 2011 Share Posted October 5, 2011 Hello Carl Favre I think he does not want the background changed but the border blocks or Page border. @ AeroFiles I attached two screenshots, let me know if there is one that is correct this way and if this is what you mean. Regards, ysco.. I want my site to look like this! How to do it? Link to comment Share on other sites More sharing options...
ysco Posted October 5, 2011 Share Posted October 5, 2011 Hello lovehyesung, Do you mean the look from one off the images that i posted ? I posted two images let me know what image you want you site to look like. Please be a little more specific ysco.. Link to comment Share on other sites More sharing options...
lovehyesung Posted October 7, 2011 Share Posted October 7, 2011 Hello ysco, Is that two different? I can't recognize, I only found the center page is smaller... Now my site has three columns, no background, then some places are transparent. I want to add a white background to the three columns, like your picture 1. Can you understand me? My english is poor... Link to comment Share on other sites More sharing options...
ysco Posted October 8, 2011 Share Posted October 8, 2011 Hello lovehyesung, Well on the first picture i added only a shadow border and on the second picture the borders are changed like categories and information blocks. As we did not know what you exactly mend with changing the border colors, so the border colors off the body ( picture 1 the shadow around ) or did you want to change the border colors for categories and other blocks ( as picture 2 ). Regards, ysco.. Link to comment Share on other sites More sharing options...
lovehyesung Posted October 9, 2011 Share Posted October 9, 2011 Hello ysco, I want my site looks like as picture 2 Link to comment Share on other sites More sharing options...
ysco Posted October 9, 2011 Share Posted October 9, 2011 Hello lovehyesung, Download the attached global.css and replace yours. Note: rename your global.css to global.css.bak or make a backup of this files before replacing ( just in case ) I removed some lines that where not necessary anymore because off a few changes to show the way you wanted. I have give the border a # 808080 grey color but you can change it any color you want, you can also change the background off the block into a other color. To change the border color go to this line, DIV.block .block_content DIV.block .block_content { padding: 0.5em 0.7em 0.4em; min-height: 20px; border-right: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #808080; background: #F0F0F0; } The above code you see border-right / left / bottom change this to the color you like. The above line (background: #F0F0F0) change it to the color you like to show a different block background color. The block header border you can change here on this line DIV.block H4 DIV.block H4 { text-transform: uppercase; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 12px; padding-left: 27px; /*border-bottom: 1px solid #595A5E;*/ padding-top: 6px; line-height: 1.3em; color: #787878; height: 22px; background: transparent url('../img/block_header.png') no-repeat top left; border: 1px solid #808080; } Change from the above code ( border: 1px solid #808080; ) to the border color you like. Hope this helped you Regards, ysco.. global.zip Link to comment Share on other sites More sharing options...
lovehyesung Posted October 9, 2011 Share Posted October 9, 2011 Hi ysco, Thank you for your help, I'll try the code on my site. Link to comment Share on other sites More sharing options...
jamescalland Posted January 9, 2012 Share Posted January 9, 2012 Hello i know this is an old post but its the only post i can find that is close to my question. ysco i was hoping you could help as you seem to know your stuff! My site; www.mybio-supps.com i am looking to have each page have a border colour, i dont want a full background just a border that sites behind the left,centre and right columns. the colour i wold like is #808080 (grey) could you help me on doing this so i can change it in the future? Thanks Link to comment Share on other sites More sharing options...
Recommended Posts