Border width in boxed layout

Comments

• Albert

  February 2016

  Hi,
  
  you can control it's thickness with extra css:

  #Wrapper { border-width: 10px !important; }

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• ilkkius

  February 2016

  Hello!

  
  

  Thanks for the answer!

  
  

  That one doesn't seem to work.

  I can see a solid border if I use border-style: solid !important;

  but the border-width has no effect.
  

  
  

  I also managed to change the Wrapper shadow and background color and opacity and this brings the content forward nicely but I would still like to play with the borders also.

  
  

  
  

  - Ilkka -
• ilkkius

  February 2016

  Now I got it!

  
  

  I had forgotten the another border-width in the individual page css-field.

  With the border-style: solid all is working like it should be. Sorry for the hassle!

  
  

  Thanks!!

  
  

  
  

  - Ilkka -
• Albert

  February 2016

  Please send us link to page where above css does not work. We are pretty sure you did it wrong.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• ilkkius

  February 2016

  I've got it!

  
  

  I have another question though. How do you change the thickness of the line between the header and the menu? And between the menu items?

  
  

  Here's the page: http://www.expressivesinging.com/wordpress/

  
  

  Is it possible to change the header color although it is transparent?

  
  

  
  

  - Ilkka -

  
  

  
  

  
  
• Albert

  February 2016

  With css:

  .header-stack #Top_bar .logo { border-bottom-width: 10px !important; }
  #Top_bar .menu > li > a span:not(.description) { border-right-width: 10px !important; }

  But to change header background, you need to use the following code:

  #Top_bar:not(.is-sticky) { background: #000 !important; }

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• ilkkius

  February 2016 edited February 2016

  Awesooome!

  
  

  I managed to get them the way I wanted with these lines:

  
  

  Borders:

  .header-stack 

  #Top_bar .logo { border-bottom-width: 4px !important; border-color: #5F686B; !important! }

  #Top_bar .menu > li > a span:not(.description) { border-right-width: 4px !important; border-color: #5F686B; !important! }

  
  

  Header and menu backgrounds:

  #Top_bar #menu {  background-color: transparent !important; }

  #Top_bar:not(.is-sticky) { background-color: rgba(255, 255, 255, .7) !important; }

  
  

  Thank you!!

  
  

  - Ilkka -
• Albert

  February 2016

  You are welcome
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next