Announcement

Collapse
No announcement yet.

corporation theme border

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    corporation theme border

    Morning,

    I've not long upgraded to V9Business from V7Catalog and am taking the opporunity to redesign the site to make it a little easier to use and look generally much better.

    Ive started looking at using one of the theme (coporation theme) with the aim to change the design elements around to give it a more personal to us look. I liike the template as it is but i think it needs a little work from us.

    I have already changed the widths of the two columns as i thought that they are too wide for what we had in mind and everything seemed to be going well. (i only have a basic CSS knowledge, trying to learn fast)

    As you can see from the link that i have still have one of the borders in the wrong place but cant for the life of me work out which one is wrong. I have included the CSS for this template for all to see. I have changed the left column to 200px(reduction of 74 pxls which i then added to the right coloumn) and increased the right column to 754pxs.

    Can anyone see what i need to change to do to move the "obviously in the wrong place" border by 74 pixels to the left???

    I have been looking at this for days and its got me stumped(not like that hard sometimes). I know that when you change the theme colour that line also changed so i know that its calling for Palette3 as a colour but im damned if i can find it.im guessing theres another template besides the "styles for corporation theme" template that needs changing?

    link to trial site http://trials.actinic.com/trials/trial56338/index.html Yep, i know it looks like crap at the mo but im working on it!!!

    Code:
    /* left col home structural elements -------------------------------------------- */	
    	
    	/* two column pages -------------------------------------------- */	
    	
    	#corporate_main_structure_left_col_container {
    		float: left; 
    		width: 200px;
    		}		
    		
    	#corporate_main_structure_left_col_container h1 {
    		font-size: <actinic:variable name="StandardFontSize" />;
    		color: <actinic:variable name="PaletteBG" />;
    		margin: 0px 0px 0px 0px;
    		padding: 5px 6px 5px 10px;
    		font-weight: 900;
    		background-color:	<actinic:variable name="Palette1" />;
    		border-bottom: 1px solid #000000;
    		}		
    
    	.corporate_products_box	{
    		margin: 0px;	
    		padding: 8px 8px 0px 8px;
    		}
    			
    	.corporate_products_box	p{
    		padding: 4px 8px 0px 8px;
    		margin: 0px;
    		}
    			
    	.corporate_products_box	.product_image_cost {
    		padding: 4px 8px 0px 8px;
    		}
    	
    	/* end left col home structural elements -------------------------------------------- */	
    	
    	/* right home col structural elements -------------------------------------------- */	
    	
    	#corporate_main_structure_page_right_col_container {
    		margin: 0px 0px 0px 0px;
    		width: 754px;
    		float: right;
    		border-left: 2px solid #000000;
    		padding: 0px;
    		}
    		
    	#corporate_main_structure_page_right_col_container_content	{
    		padding: 5px 20px 20px 15px;
    		}
    		
    		
    		/* right col general pages structural elements -------------------------------------------- */		
    
    		#corporate_breadcrumbs {
    			background-color: #000000;
    			height: 26px;
    			background-image:url('theme_arrow.gif');
    			background-position:left;
    			background-repeat:no-repeat;
    			}
    		
    		#corporate_breadcrumbs	p {
    			color: <actinic:variable name="PaletteBG" />;
    			padding: 5px 3px 0px 14px;
    			margin: 0px;
    			}
    			
    		#corporate_breadcrumbs	a {
    			color: <actinic:variable name="PaletteBG" />;
    			padding: 0px 0px 0px 0px;
    			}
    			
    		/* end right col general pages structural elements -------------------------------------------- */	
    			
    	/* end right home col structural elements
    Hope some one can help.

    Thanks

    Michael
    Michael Houlden

    Pure Thoughts Soap Company

    Luxury Handmade Soap, Bath Treats, Skincare and Gifts.

    #2
    #corporate_main_structure_page_content_container {
    background-image: url(theme_main_background.gif);

    }


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment


      #3
      It is the background image not the CSS (as such)


      Bikster
      SellerDeck Designs and Responsive Themes

      Comment


        #4
        Thanks, should have sniffed a little deeper at the images. i was dead set on it being a pxl css thing!!!

        thanks for your time

        Michael
        Michael Houlden

        Pure Thoughts Soap Company

        Luxury Handmade Soap, Bath Treats, Skincare and Gifts.

        Comment

        Working...
        X