Results 1 to 5 of 5
  1. #1
    Join Date
    Mar 2008
    Location
    Brampton, Cumbria, United Kingdom, United Kingdom
    Posts
    816
    Plugin Contributions
    2

    help question Change Sideboxes

    This may be in the wrong place.

    How do you do the following, all refer to sidebox

    1. Change the shape (rounded corners)
    2. Title box colour
    3. the line colour of the box

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: Change Sideboxes

    1. Change the shape (rounded corners)
    Can be done with images, css styling, and a few other ways
    One can Google for methods
    2. Title box colour
    3. the line colour of the box
    Both in the stylesheet.css file

    A link to your site and expand on the desired changes will get you specific answers
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Mar 2008
    Location
    Brampton, Cumbria, United Kingdom, United Kingdom
    Posts
    816
    Plugin Contributions
    2

    Default Re: Change Sideboxes

    www.edencraftsupplies.co.uk/shop

    The look just needs to be smothed over. Lose the rectangles to nice smoothed corners, with the box line blue.

    I have had a look through the css and printed it off but I cannot see where I can do any changes, well the correct ones.

    Thanks

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: Change Sideboxes

    The Atheme stylesheet has some extraneous rules that might fight one another on some browsers

    To alter the heading color find add highlighted and adjust color to suit
    Code:
    h3.leftBoxHeading, h3.rightBoxHeading {
            background-color: #FF0000;
    	font-size: 1.1em;
    	color: #ffff00;
    	font-weight:bold;
    	}
    Find and remove the highlighted
    Code:
    .leftBoxHeading {
    	margin: 0em;
    	background:#ff0000;
    	padding: 0.5em 0.2em;
    	} 
    .rightBoxHeading {
    	margin: 0em;
    	background:#175B96;
    	padding: 0.5em 0.2em;
    	}
    For the line color find and adjust color & weight to suit
    Code:
    .sideBoxContent {
    	background-color: #ffffff;
    	margin:.1em 0 0 0;
    	padding: 0.4em;
    	border: 1px solid #CCCCCC;
    	}
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Mar 2008
    Location
    Brampton, Cumbria, United Kingdom, United Kingdom
    Posts
    816
    Plugin Contributions
    2

    Default Re: Change Sideboxes

    Trust me to find a template that I like but has a dual personality



    Thanks for the info.

 

 

Similar Threads

  1. change background sideboxes only
    By goalsurfer in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 5 Mar 2010, 02:49 PM
  2. Change Links In Sideboxes
    By robinstl in forum Basic Configuration
    Replies: 5
    Last Post: 24 Aug 2007, 08:10 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR