Docs

[ericgreenwood]

I read through many topics and tried hours of code and I still cannot make any css changes to my page title. I’m using the Integrity stack. I now need some help. Thanks in advance.

[Nico]

Hi There,

Thanks for writing in.

Would you mind sharing us your URL and a screenshot of what you want to change so we could locate it easily.

Thanks.

[ericgreenwood]

My URL : http://saragreenwoodtest.com/listings/

Screenshot is attached.

Basically I tried many different classes with the following code.

.h1.h-landmark {
letter-spacing: 0.1em !important;
}

[Rue Nel]

Hello There,

Thanks for providing the screenshot. You can adjust the spacing in the customizer by going to Appearance > Customize > Typography > Headings

Hope this helps. Please let us know how it goes.

[ericgreenwood]

This reply has been marked as private.

[Lely]

Hello There,

Thank you for the credentials.
Please update the content of Appearance > Customize > Custom > Edit Global CSS to this:

body .x-navbar {
    background-color: #223028;
}
h1 {
    font-family: "Gotham-Bold", sans-serif;
    letter-spacing: 0.0625em;
}

h2 {
    font-family: "Gotham-Bold", sans-serif;
    letter-spacing: 0.0625em;
}

h3 {
    font-family: "Gotham-Medium", sans-serif;
    letter-spacing: 0.0625em;
}

h4 {
    font-family: "Gotham-Medium", sans-serif;
    letter-spacing: 0.0625em;
}

h5 {
    font-family: "Gotham-Book", sans-serif;
}

h6 {
    font-family: "Gotham-Book", sans-serif;

}
h7 {
    font-family: "Gotham-Book", sans-serif;
}

p {
    font-family: "Gotham-Book", sans-serif;
}

body .rev_slider .tp-caption a.x-btn {
	font-style: Gotham-Medium;
}
  
.page-template-template-layout-portfolio-php .h-landmark {
  display: none;
}
  
.page-id-200 .h-landmark  {
  letter-spacing: 0.1em !important;
}
  

Save a backup so you can compare. There’s missing closing curly brace and wrong html tag. Paragraph is just p on css. Then move the following CSS on your child theme style.css:
We don’t have to scape the single and double quote and this should be at the very top of the file:

@font-face {
    font-family: 'Gotham-Bold';
    src: url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Bold.eot');
    src: url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
         url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Bold.woff') format('woff'),
         url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Bold.ttf') format('truetype'),
         url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Book.eot');
    src: url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Book.eot?#iefix') format('embedded-opentype'),
         url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Book.woff') format('woff'),
         url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Book.ttf') format('truetype'),
         url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Light';
    src: url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Light.eot');
    src: url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Light.eot?#iefix') format('embedded-opentype'),
         url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Light.woff') format('woff'),
         url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Light.ttf') format('truetype'),
         url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Medium.eot');
    src: url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
         url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Medium.woff') format('woff'),
         url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Medium.ttf') format('truetype'),
         url('http://saragreenwoodtest.com/wp-content/themes/x-child/fonts/Gotham/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

Hope this helps.

[ericgreenwood]

Now the page title “LISTINGS” is missing from the page display.

[Jade]

Hi there,

It is not displaying because of this code in the customizer:

.page-template-template-layout-portfolio-php .h-landmark {
    display: none;
}

You can simply remove it to display the page title.

[ericgreenwood]

That fix the problem. Thanks you for the help.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts