Question for Craig

  • 1
  • Question
  • Updated 9 years ago
  • Answered
Hey Craig how did you get those nice boxes around all the text on you webpage http://abbotsfordgolfsection.yolasite...

Thanks
Photo of airsupport

airsupport

  • 45 Posts
  • 1 Reply Like
  • thankful

Posted 9 years ago

  • 1
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Hey there,

Alot of Jiggery Pokery mate to tell you the truth, only problem is I cant manage to change the background colour of the box when I change the html so at the moment I am trying to figure out whats up with the coding!!
Photo of Nopro

Nopro

  • 3 Posts
  • 0 Reply Likes
Are you trying to change the color of the roundboxes?

<!--
/* Rounded box*/
.roundbox
{
margin: 0px;
width: 100%;
padding: 10px;
background-color: #F6F6F6; /*This is the color you need to change*/
border: 1px solid #CCCCCC;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
} -->
Photo of airsupport

airsupport

  • 45 Posts
  • 1 Reply Like
Ahh well if you could let me know once you figure it out i really like the look of it on a all white site.
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Yeah no bother at all might have to get the experts on here involved!!
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Hi Nopro,
Thats the problem I have changed that but to no effect it stays the same colour??
Photo of Nopro

Nopro

  • 3 Posts
  • 0 Reply Likes
Hi Craig,
I have seen your code, and you have many times defined .craigbox in the page, all you need to change is the last definition of the .craigbox, it seems to be "Sporting Club Caledonia - International Tour 2010 Destination - Turkey"
Good luck.
I suppose you are aware about this kind of box in IExplorer has a square-corners.
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Hi nopro your right took out the .craigbox in a few of the text boxes and it changed colour but what it did do was bring my margins too far into the left and now they dont work lol

Yeah I know internet explorer only shows these as square boxes! Thanks for the heads up

nope it still aint working even after taking out what you suggested!!!
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Here is the code airsupport it changes colour on another page I set up but not on my site for some reason maybe I have too much CSS on my page already that its blocking some code:-

<!--

<style type="text/css"> .craigbox { margin: 4px; width: 100%; padding: 10px; background-color: #99ff66; border: 1px solid #CCCCCC; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } </style> <div class="craigbox" style="width: 470px;"><br><img style="margin: 4px; padding: 0px; float: left; font-weight: bold;"><br></div>

-->
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
its good I have got it sorted now!!
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
airsupport when pasting that code into your website ensure you do it as a text widget and then use the html button on the toolbar to insert that code. If you want all the boxes the same colour keep the ".craigbox" or change it to whatever you like but remember and change the div class to read the same!!

If you require diffeent colour boxes then make sure the names at the top of the page are all different and matching your div!!
Photo of airsupport

airsupport

  • 45 Posts
  • 1 Reply Like
Thanks craig works perfect and is working fine atm with diffrent colors thanks again.
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
No bother mate happy to help