Jump to content

How do you build a block like this


Recommended Posts

Good morning

 

 

Using PS 1.5.5.0 Default theme

 

For the border go to:

 

public_html/Your Shop/themes/default/css/global.css

 

Scroll down to the end of the file and add: (This is my preference only - it helps me keep track of any changes I make)

 

.block_content{border:1px solid; color:#d3d3d3;}
 
This will give a light grey border to all your blocks
 
For the Rounded corners go to:
 
public_html/Your Sho/themes/default/css/global.css
 
Around line 295 Add these lines in RED
 
/* BLOCK .block ******************************************************************************** */
.block {margin-bottom:20px}
#footer .block {margin-bottom:0}
.block .title_block, .block h4 {
padding:6px 11px;
font-size:12px;
color:#fff;
text-shadow:0 1px 0 #000;
text-transform:uppercase;
background:#383838;
font-weight: bold;
border:2px;
border-top-left-radius:15px;
border-top-right-radius:15px;
 
}
 
Result
 
 
Hope this helps
 
Paul
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...