Jump to content

Archived

This topic is now archived and is closed to further replies.

jane

Styling Docker list - adding grid lines?

Recommended Posts

jane

Hi,

 

I have a docker that I'd like to style further:

 

 

I'd like to add separation lines in between each box - any idea how I can achieve that?

/*New Docker Menu*/

.new-style-docker{

    .pl-border {
border-color: rgba(0, 0, 0, 0)}

    .theme-list-nav li a, .theme-list-nav lh a {
background: none repeat scroll 0 0 #FD7C2A;
color: #FFFFFF;
display: block;
font-weight: bolder;
padding: 4px 20px;
}

.theme-list-nav li:hover a, .theme-list-nav li.current-menu-item a, .theme-list-nav lh:hover a, .theme-list-nav lh.current-menu-item a {
background-color: #60B1CB;
}

list-nav li.current-menu-item a, .theme-list-nav lh:hover a, .theme-list-nav lh.current-menu-item a {
background-color: #60B1CB;}


}

Share this post


Link to post
Share on other sites
batman
Hi jane
Please, you can try with
 
.new-style-docker .theme-list-nav li a {
    margin-bottom: 3px;
}
 
or
 
.new-style-docker .theme-list-nav li a, .new-style-docker .theme-list-nav lh a {
    margin-bottom: 3px;
}

 

 

 

:)


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
batman

Hi again

Sorry this is the Code

 

.new-style-docker .theme-list-nav li a, .new-style-docker .theme-list-nav lh a {

    border-bottom: 2px solid;
    border-bottom-color: red;
}

 

or

 

.new-style-docker .theme-list-nav li a {

    border-bottom: 2px solid;
    border-bottom-color: red;
}

 

Bad copy/paste

:)


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
greenfly

Thanks batman


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

×