Border width in boxed layout

ilkkius · February 2016

Hi!

I couldn't find any info how to control the border width in boxed layout. I mean the thickness of the lines.

Just like in the Carpenter layout.

Any ideas?

- Ilkka -

Albert · February 2016

Hi,

you can control it's thickness with extra css:

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

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.

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; }

ilkkius · 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

Border width in boxed layout

Comments