Docs

[3b1a2f46-a516-40cf-beba-b611930e4819]

Hi,

I am close to completion on this project but there are a few little things I need help with.

Details to follow..

[3b1a2f46-a516-40cf-beba-b611930e4819]

This reply has been marked as private.

[Joao]

Hi THere,

1-> Go to Appereance Customizer Header and adjust the color of the navbar links hover color.

2) Find this code on Appereance Customizer Custom CSS

.x-navbar .x-nav > li > a:hover, .x-navbar .x-nav > .sfHover > a, .x-navbar .x-nav > .current-menu-item > a {
-webkit-box-shadow: 0 2px 0 0 blue !important;
box-shadow: 0 2px 0 0 #e51281 !important;
color: #000 !important;
}

And replace for this instead:

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
-webkit-box-shadow: 0 2px 0 0 blue !important;
box-shadow: 0 2px 0 0 #e51281 !important;
color: #000 !important;
}

3 Add the following code to Appereance Customizer Custom CSS

.widget ul li li a, .widget ol li li a {
    
  padding-left: 0 !important; 
}

4- You will need to remove the align right from your third widget logo otherwise that inline CSS will take priority

Add the following code:

@media (max-width: 979px) {
.x-colophon.top .x-container.max.width .x-column  {
    text-align: center;
    width: 100%; 
   margin-left: auto;
  margin-right: auto;
  }
}

5 – To change the title you need to change the page name from Case Studies to something else.

You can add the following code to change the background color:

.page-id-37 {
  background: white;
 }

Hope that helps

Joao

[3b1a2f46-a516-40cf-beba-b611930e4819]

Thanks alot..

4) That seems to work fine apart from on mobile the contact details go off-centre and then wrap.

I do need the logo to sit to the right hand side of the 3rd widget on desktop/tablet though?

5) I just need to change the font color not the title. Plus it needs to take effect on each case study post?

thanks again 🙂

[Joao]

Hi There,

4-

Add the following code to Appereance Customizer Custom CSS

@media (max-width: 979px) {
.x-colophon.top .x-container.max.width .x-column:nth-child(3) {
  width: 90%;
  text-align: center;
}
}
@media (min-width: 1024px) {
.x-colophon.top .x-container.max.width .x-column:nth-child(3) {
  text-align: right;
}
}

4-

Add the following code to Appereance Customizer Custom CSS

.h-landmark, .h-landmark.entry-title {
color: white !important;
}

Hope that helps

In case you need further help let us know.

Joao

[3b1a2f46-a516-40cf-beba-b611930e4819]

Great! Just part 2 of Q2 – how do I make these styles follow through to each case study post?

thanks!

[Joao]

Hi There,

I am not entirely sure which style you are looking for, but if you are after the pink background at the top:

Replace this:

.page-id-37 {
  background: #e51281;
 }

For this:

.page-id-37, .single.single-x-portfolio {
  background: #e51281;
 }

If you are looking for something else, please provide more details and we will gladly help you.

Thanks

Joao

[Author]

Posts