• 0
Sign in to follow this  
Followers 0

DMS 2 How do I create a Light Grey Border around all Sections?


Question

Posted · Report post

High folks, 

 

I'd like to add a light grey border around each of the sections on my site to give a bit of definition / differentiation.

 

What's the best way to achieve this?

 

Thanks.

 

Alasdair.

 

Website URL: www.alasdaircarter.com
DMS Version: 2.1.4
WordPress Version: 3.9.1

Server/Host: GoDaddy Managed Wordpress
 

Share this post


Link to post
Share on other sites

9 answers to this question

  • 0

Posted · Report post

Danny is correct maybe I should have been for specific on where to add it.

 

I recommend  doing that way because in the long run it will save you alot of headache.

 

http://i.imgur.com/sJJolMg.png 

 

By doing it this way you can going in and just change the color in custom css and it will change the color for every border that has this class.

 

The way you currently have it you will have to go into every section and change it one by one if you decided to change the color or border radius which can be a real pain.

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

Are you trying to achieve something like this

 

http://i.imgur.com/BlCSeCT.png

 

This can be done with classes

 

my-border {
border: 1px solid black;
border-radius: 10px;

}

 

which can be then added to custom area of each section you want a border around or target all like it did in the screenshot.

hope it helps

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Aires that's exactly what I'm looking for. Thank you so much for the response.

 

My styling knowledge is weak so could I ask I'm entering this in the right place? (It's not coming up so I assume I'm doing something stupid.)

 

Thanks once again.

 

Alasdair

 

UPDATE: I've got this working by putting the individual parameters into the Inline Styling. Still a bit confused on how to do it via class so I've clearly got some reading to do.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

 

What you have added shouldn't really work or may work, but will likely cause issues. The field you have added that code in, is suppose to house only class names and not full CSS snippets.

 

So you will want to either remove it from the styling classes field and instead add it to the inline styling classes field or you can add my-border to the Styling classes field along with the following to your custom CSS:

 

my-border {
border: 1px solid black;
border-radius: 10px;
}
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Danny thanks for the reply. Works like a dream putting the CSS code into the Inline Style field. Can't get the Styling Class to work though.

 

I've added the

 

my-border {
border: 1px solid black;
border-radius: 10px;
}
 
to the CSS in Wordpress and also tried adding it to the Custom LESS/CSS field.
I'm happy just to put the code into the inline field.
 
I don't want to waste anymore of your time as it's probably me just being a spoon. I'll go off and do some reading, but I've achieved the effect I wanted for now.
 
Many thanks to you and aries for the advice.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

OK I tried going back and using classes and this is what I've spotted.

 

Assuming I've put the correct things in the correct places, I'm not getting anything passed across into the style=" " in the page source code.

 

I've attached some screenshot fragments.

 

aries made a good point about using the class technique as I may want to change the parameters in the future.

 

Alasdair

 

 

Share this post


Link to post
Share on other sites
  • 0

Posted (edited) · Report post

alasdairc you forgot the dot

 

.my-border {

 

in the custom less/css ...all classes have periods in front of them

Edited by Aires

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

(Bangs head off the desk - really hard)

 

Aires you are a true Gentleman. :bow:

 

Thanks to you & Danny for putting up with my stupidity & CSS ignorance.

 

I'm off to find a dark room to sit in for a while. I promise I'll not post again on this thread.  

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

:) No problem.

Share this post


Link to post
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
Sign in to follow this  
Followers 0