Header and "How it works" Border

TheMoneyRetreat · February 2015

Hello,

I have a screenshot provided for my two questions:

1)How can I get rid of this header that is showing up on all my pages?

2) How can change and make the border color darker on my "How it works" element

TheMoneyRetreat · March 2015

*Update- I figured out how to make the header background white, but is there a css code I can put somewhere to reduce the height of the header? Because right now since I have it as white, there is a huge gap on my page.

I still need help with changing the border color and width for the "How it Works" element that is provided in the screen shot.

I really appreciate any help you can provide. I have been spending hours trying to figure this stuff out

TheMoneyRetreat · March 2015

Okay, this is my last time

I'm going to bed now!

I figured out the header height thing. But is there a way that I can insert a custom picture (that I can define the size) as my header?

I still need help with changing the border color and width for the "How it Works" element that is provided in the screen shot.

Albert · March 2015

Hi,

1) Header image can be turned off in Theme options > Layout > Header section where "Header | Minimalist" option is. Also instead of removing this section, you can setup own image for each page. This can be done on right hand side where "Featured image" field is while you create/edit page.

2) To change border color, please use below css:

.how_it_works .image { border-color: #000 !important; }

TheMoneyRetreat · March 2015

Thank you!!!!!!!!!!!!!!!

I am loving the be theme and Muffin Builder- so glad I purchased this. Makes it really easy for beginners like myself!

Keep up the excellent work.

TheMoneyRetreat · March 2015

Oh, one more thing. How about the lines on the "How it Works" element?

The ones, that I am able to put in between the bubbles

Albert · March 2015

The lines between bubbles, can be changed within below css:

.how_it_works.has_border::after { background: #000 !important; }

TheMoneyRetreat · March 2015

I did what you said by setting a featured image, but only a portion of the picture showed up (the rest was cut off).

I would like for the entire picture to show. I have an example attached. As you can see, the full size image is located directly under the menu. It's like a page header.

I would REEEALLLLYYY appreciate if you are able to help with this!

Albert · March 2015

So to get something as on image above, or you will use Revolution Slider instead of you must use some custom css to expand header section where image is.

hannessauter · April 2018

Short question to the provided border color css-code .how_it_works .image { border-color: #000 !important; }

It works for me on desktop screen but under 1200px width it gets back to normal color, how to solve that? Thanks.

Bryan · April 2018

hannessauter
Please send a link to you page and shows us where the problem is located.
thanks

hannessauter · April 2018

Thank you for your response, it's located here: https://kaelteblitz.de/service/

The blue border around the icon box... it's changing back to grey color in smaller screens...

Bryan · April 2018

You can add this css

.how_it_works .image {
	border-color: #316ED2 !important;
}

thanks

hannessauter · April 2018

I already added that css... but its not working on smaller screens - it is switching back to standard border color.

Bryan · April 2018

Please add this css to theme options>custom css and disable those optimization plugins, also clear cache. The css is working fine, we checked it using the browser inspector.
thanks

hannessauter · April 2018

I moved the css on first position... it works like that. Don't know why, but it does

. Thank you for your help!

Bryan · April 2018

This could be because you have an error in your css.

Header and "How it works" Border

Comments