mati

Thanks @apprimit .
So you’re saying wordfence isn’t enough and I should add something else (like Sucuri)? …I was wondering if having two security plugins may cause conflict and I was better not to. But I see they all aren’t complete (I mean they miss something another one has). …So I am not sure what’s best. I know having wp_and wordfence together was a mess.

The css you gave me is to set a solid color with a border. And it doesn’t solve my problem as I just wanted a different thing. (That’s why I was trying to put the image as the background of the navbar).
But I guess I just can’t achieve that…

So for now I will try another theme (Orfeo). Otherwise maybe I’ll be back with Neve and the css you gave me.

I meant to buy a theme, but before spending too much money on this website I need to see if I just can manage it (I already have headaches with my cache plugin that keeps breaking and I am afraid of woocommerce too).

Thanks again very very much for everything.

I know you meant for me to reset the theme. But that’s how it stays. I don’t know why it doesn’t reset. Whenever I change theme (I tried with other ones) the logo and the background image always stay. And sometimes not all of the items of the theme are uploaded (as you see in this).

The menu link color options in Customizer > Colors & Background, works for me but the nv-navbar section doesn’t have an overlay.

This is what I added:

/*Main Nav Bar Bkgrd & Border Color*/
.nv-navbar {
background: transparent url(‘https://www.matilde.design/wp-content/uploads/2019/02/HomeWPweb.jpg’) !important;
background-size: cover !important;
border-bottom: 0px;
}

However, I guess it’s better if I look for another theme like you suggested…

Thanks so much again for all of your help and advices. It’s been very nice of you.

• This reply was modified 5 years, 9 months ago by mati.
• This reply was modified 5 years, 9 months ago by mati.

Yes, sorry I didn’t mention I had installed the demo …I had forgot about it.
Now I reinstalled the original child theme files.
My background image is there and the logo.
But the items aren’t aligned as they should be… (However, I won’t need them once I customize the theme). And maybe the menu doesn’t work smoothly..? (items appear on top of each other when clicking on the arrows of the drop down menus)
Thank you again for this help!

• This reply was modified 5 years, 9 months ago by mati. Reason: forgot to mention

P.S.
I placed the header in the Elementor section by changing the php files.

@mwarbinek Thanks again for the reply.
Yes the theme came with Elementor but Elementor won’t let me touch the header. In the customizer I do have the option to chose 3 styles for the aliment of the header items (logo and menu) but it basically looks the same (the white bar with the menu on top of the page image. Which I don’t like. As I would like instead for the menu and logo to go on the image)
I mean to use Elementor to change the rest of the template but for the header I think my only option is changing the files.

I placed the header inside the Elementor section now. That’s why the menu right now is in the middle of the page. And I thought of changing the paddings to fix it.

Does it make sense?

@mwarbinek

Thank you very much for your detailed help and your time. It was nice of you.

However, maybe I think I didn’t explain what I meant….

What you saw it was just the child theme of Neve as it comes by default (that’s how it came when theme was installed. Even the sliding effects and timing. That’s all by default settings). I didn’t customize it yet as I was just concentrated in the header and background image look.
I wasn’t concerned yet for the text in the menu and those other misaligned items or anything else in the theme, as I intend to change everything once I know if I can or cannot have the header the way I would like for it to look. But thank you very much for the info on the animation though, as it will be handy. And thank you also for the aesthetic suggestions on the overall look. I will make changes to the theme trying to achieve a bit more minimal look.

I had just added that css code that I learned from your explanation in the previous comments and with that I realized that is not working for me (and left it there just to show), as what I thought I need, it is to change the position of the header not just its look.
So I tried inspecting the theme from the browser (as you just explained) trying to achieve the results I was wishing for.
So I have in a text file the customized html code. I basically had modifed the <main id=”content” class=”neve-main” role=”main”> section of the theme. Moving the header inside the “elementor-section-wrap” (inside the section data-id=”6bea8fc8″ ) and making it transparent. Then changing the padding of the section data-id=”6bea8fc8″ from 300px to 0px and then the padding of the elementor-container elementor-column-gap-default from 0px to 300px.

But that’s on the browser… how do I change it in WordPress? I have html and those are php files.
So now, from the ftp in the folder of my child theme I tried creating a header.php file from the one of the original theme and put in that my html “main” section code below the
<body <?php body_class(); ?>>
<div class=”wrapper”>

????<?php do_action( ‘neve_before_primary’ ); ?>

and above the

<?php
do_action( ‘neve_after_primary_start’ );

Removing the old code that was just right in there.

Then tried to fix the transparency of the .nv-navbar from the file style.css .

But it doesn’t work… ??

The header was moved but it doesn’t look transparent and I don’t know where to locate those codes for the padding as I can’t find those items in the style.css file.
Then the menu isn’t working.
And if I load Elementor… it’s all messed up.

Hello, I was trying to use the info in this thread on my website that I am just setting up https://www.matilde.design but it’s not looking good and I was wondering if someone could kindly help me trying fixing it too.

This is the css code I tried adding.

/*Top Bar & Nav Text*/
.nv-top-bar-content {
color: #FFFFFF !important;
}
#nv-primary-navigation a {
color: #FFFFFF !important;
}

/*Top Wrapper Block*/
.wrapper::before {
content: ”;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.1);
}
.wrapper {
background: transparent url(‘https://www.matilde.design/wp-content/uploads/2019/02/HomeWPweb.jpg&#8217;) no-repeat 0 0;
background-size: 100%;
}
.header {
background-color: transparent !important;
}
/*Top Nav Bar*/
.nv-top-bar {
background-color: rgba(255,255,255,0) !important;
}
.nv-navbar {
border-bottom: 0px solid #F0F0F0 !important;
background-color: rgba(255,255,255,0) !important;
}

/*Mobile Fix-Menu Toggle Button*/
@media screen and (max-width: 1402px) {
.navbar-toggle-wrapper {
flex-wrap: wrap;
}
}

/*Mobile Menu Button */
.icon-bar {
background: #FFFFFF !important;
}

/*Mobile Header Image*/
@media screen and (max-width: 1402px) {
.wrapper {
background-size: 1850px auto;
}
}

But the header image background looks odd as it doesn’t blend with the one of the homepage.
Also I have a problem with the image appearing in all of the other pages and since @mwarbinek says “The only way to change the way the other pages look is to go into the PHP files that make up the theme and find where the coding exists that builds the other pages and insert new HTML coding. This is a lot more work and not guaranteed to work well because it depends on how the theme was coded and also requires you then create a child theme to avoid updates changing it all back” I was wondering if maybe there’s a way to try changing the position of the header.
This one I am working on is a child theme but I don’t know the html file that I have to edit.
I would like to show you these 2 pics:
Here is where it is by default https://www.matilde.design/wp-content/uploads/2019/02/1.png .
Here https://www.matilde.design/wp-content/uploads/2019/02/2.png I tried to put it inside the section data-id=”6bea8fc8″ just above div class=”elementor-background-overlay”.
Then setting the header to transparent and adjusting the navbar margins to bring it on top of the page.
But how to do this in the css files? Is this even right?
I would love to make the header on top of the image like this https://www.matilde.design/wp-content/uploads/2019/02/3.png .
And I am hoping someone could help.
Thanks

• This reply was modified 5 years, 9 months ago by mati.