Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Where to put custom CSS for blank pages

Featured Lock Resolved Issue
In order to get the Chronoforms to work, I am placing the forms on hidden menu pages which works perfectly with one exception.

I need the header bar to be the following custom CSS and I have no clue where to put it. These forms are going on a blank page with Helix Ultimate being the default, with just the default header. Here is a link:

http://pgrny.net/testsite/index.php/roc-hoth-warehouse-pickup-request-form

This is the custom CSS for these form pages:

.sp-page-title {

background: #000039;

}

So where do I put the custom code.

I thank you in advance and sorry to bother you with something that is so simple for most.
Donna

1 Answers

Paul Frankowski - Staff

4 weeks ago #Permalink
Hi,
use custom.css file (more in helix manual, yes all info is there)

each page have unique class name added inside body, use it inside your css.
For example this one from link


.itemid-240 .sp-page-title { background: #000039; }


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 217
Sifat

Sifat

Total Accepted Answers: 133
Toufiq

Toufiq

Total Accepted Answers: 44
Archange Consulting

Archange Consulting

Total Accepted Answers: 2
B

blue_Shift

Total Accepted Answers: 1

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us