Background pattern

Question

Hello again,

I decided to use the background pattern title and I'm trying to have a different pattern on each page so I tried to create various instances in style.css, eg:

/* Page Title - Background Pattern
-----------------------------------------------------------------*/
.page-title-pattern {
background-image: url('images/pattern.png');
background-repeat: repeat;
background-attachment: fixed;
}
page-title-pattern-discography {
background-image: url('images/pattern-discography.png');
background-repeat: repeat;
background-attachment: fixed;
}

etc.

Also modifying the given page:
<section id="page-title" class="page-title-pattern-dicography dark">

This doesn't work though, what am I missing?

Thanks,
Maciek

SemiColonWeb · Accepted Answer

Hello, The is missing the which defines it as a class in CSS. Also, consider adding Custom CSS Codes in the File so that when we release updates, it is easier for you to update your Websites. Hope this Helps! Let us know if we can help you with anything else or if you find any further issues.

mschejbal · Answer

I added the dot to the class in both style.css and custom.css, still no luck...

Semicolon Web · Answer

Hello,

The CSS Code is fine now but the URL to the Image does not seem to exist: https://johnpatitucci.com/john_new/css/images/pattern-discography.png . Make sure you have uploaded this image online. Additionally, you just need this code in the css/custom.css File and not in both.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

mschejbal · Answer

Oh, so sorry, of course!

Semicolon Web · Answer

Very Happy to Help :)