Question about rounded borders for a theme

[Shaliza]

Hello:

I have a question about rounded borders for a theme I'm working on. 

Forum URL: allkindsofeverything.boards.net

I set the rounded borders to 10px for the Title Bars and Containers. I also have the Footer and Copyright Notice boxed in, and I'm wondering how I can add the 10px rounded borders to them as well?

This is the coding I have in my Style Sheet and thanks to Nscalerr 🐺 to helping me out with this:


/* Move Footer */
.c-footer {
   background-color: #e0cdc5;
   border: 2px solid #8f7e71;
   width: 55%;
   margin-top: 20px;
   margin-left: auto;
   margin-right: auto;
   margin-top:20px;
   margin-bottom: 20px;
}

#copyright {
background-color: #e0cdc5;
border: 2px solid #8f7e71;
width: 30%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
color: #000000;
font-size: 16pt;
color: #4e412a;
font-style: bold;
text-align: center;
margin-top:20px
   
}



This is the theme in question:   Pusheen Friends WIP.pbt (448.56 KB)


Thanks so much!

[Retread]

Hi Shaliza

If you change that section of your Style Sheet to this:

/* Move Footer */
.c-footer {
   background-color: #e0cdc5;
   border: 2px solid #8f7e71;
   width: 55%;
   margin-top: 20px;
   margin-left: auto;
   margin-right: auto;
   margin-top:20px;
   margin-bottom: 20px;
   border-radius: @title_bar_border_radius;
}

#copyright {
   background-color: #e0cdc5;
   border: 2px solid #8f7e71;
   width: 30%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
   color: #000000;
   font-size: 16pt;
   color: #4e412a;
   font-style: bold;
   text-align: center;
   margin-top:20px;
   border-radius: @title_bar_border_radius;  
}


Then the border-radius for .c-footer and #copyright will follow whatever you select for the title-bar border radius in the Visual Editor.

Body (Content) > Containers > Title Bars > Border Radius

[Shaliza]

Thank you, Retread for that easy fix. I applied the coding you suggested to my Style Sheet and it worked beautifully. 

Now I just need to replicate it for other themes where I want this same effect. Just beautiful!

Thanks again. I really appreciate all the help. *hugs*