How to remove the shadow around the header?

[Andreas Gerber]

Hi folks,

could any body help me how to get rid of the shadow around the header? My page is http://blog.galactic-retriever.de/

And another question: How can I reduce the space between the “home” button and the rest of the (widget)-menu?

Is there also any way to change the Fonts?

Thank you in advance
Andreas

[Sushil Adhikari]

Always someone here to help 🙂

First question for you though, are you using Jetpack, or a child theme for Luminescence? This will dictate the best solution for you.

But for reference, the styling for that is done from the theme’s style.css file around line 984 and looks like this:

.wp-post-image,
.lum-header-image,
.entry-attachment img,
.img-glow {
	-webkit-box-shadow: 0 0 1em 0 rgba(0, 0, 0, .6);
    box-shadow:         0 0 1em 0 rgba(0, 0, 0, .6);
	border: 1px solid #fff;
}

What ultimately would be done is adding a custom style like this:

.lum-header-image {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}

If you are using Jetpack, you can use the Edit CSS feature of it to add the custom style to, or if you are using the Luminescence child theme, you can add it to the child theme’s style.css in the editor under the admin Appearance menu.

[Andreas Gerber]

Thank you for that fast solution…

And – to answer to your question – I am neither using Jetpack nor the child theme… – I’m using vanilla wp 🙂

So… back to my other question:

– How can I reduce the space between the “home” button and the rest of the (widget)-menu?

– Is there also any way to change the Fonts?

[Sushil Adhikari]

Sorry missed your other questions, yesterday was a longgggggg day. Anyway, the space that you are referring to is a sort of placeholder as it’s not really a true menu because of how the menu was coded into the theme. Long story short, you need to create a custom menu…this offers a lot more flexibility anyway.

Changing fonts can be done in a few ways, the first is to override the existing styles for it in either Edit CSS (if you use JetPack), or by using the child theme method (which this theme does have a child theme you can install). This allows you to keep your parent theme up to date while not losing any theme modifications eg: fonts

The other method is to use a font plugin which lets a person change fonts of specific elements in a page. There’s several plugins you can use, perhaps try WP Google Fonts.

[Author]

Posts