Customize header font and background

General
1

Hello,

We would like to modify our header like the background color and also the font of the characters and the order of the pages, can you please help us ?
Also we would like to extend the cover picture to the header to make a unit cover picture, please tell us how to do it

Kind regards
Protravaux

2

Hi,

Unfortunately, there’s no such feature, it would require a custom implementation.

If customizations are required for your site, please try customizing it using the collection of code snippets Search · user:hivepress · GitHub and other developer resources, or consider hiring someone for custom work https://fvrr.co/32e7LvY

Alternatively, you can send your proposal via this link, and we will estimate the implementation Request a Quote

3

Can we modify it for the theme file editor (style.css) ? because we tried and it didn’t work. Or should we introduce the changes in appearance additional CSS ?

4

Hi,

You can modify this file using a child theme or make changes using this doc How to add custom code snippets - HivePress Help Center

5

We want to have the same style as Jobhive. In a way that the image goes until the navigation bar. We tried many changes in the CSS and hired someone from Fiver but it did not work. It seems like it’s a theme issue.
We tried the code below, it worked but we cannot click on the navigation bar anymore. We changed the z-indexes as well but it doesn’t seem to work.

.site-header {
  position: relative;
  z-index: 1;
}

.home .header-navbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px; /* Adjust the height of the navigation bar as needed */
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  pointer-events: auto; /* Add this line to enable pointer events on the navigation bar */
}

.home .header-navbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(https://protravaux.ma/wp-content/uploads/2023/06/nolan-issac-K5sjajgbTFw-unsplash.jpg) center/cover no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

/* Add any additional styles to the navigation bar elements as desired */
.header-navbar__start,
.header-navbar__middle,
.header-navbar__end {
  position: relative;
  z-index: 2;
}
6

Hi,

Sorry, there’s no simple code snippet for this, it would require a custom implementation. If customizations beyond the available features are required for your site, please consider hiring someone for custom work https://fvrr.co/32e7LvY

7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.