Support Forums

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

Your Time: Our Time:

Heading color

Featured Lock Resolved Issue
I'm trying to change the header color to red to match the logo.

It appears in the preset1 css to show the correct color, but it's not showing it on the web site:

http://www.ohiovarsity.com/about-us/archives

I enclosed some images.

Also, how can I reduce the size of the logo to be even with the menu size?

Attachments (2)

  • screen.png
    screen.png 130.1 KB
  • wrapper.png
    wrapper.png 68.7 KB

12 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your reply. Please follow the below instruction.

1. Find out below css code from theme.less or template.css file

@media (max-width: 767px)
.responsive #sp-header-wrapper {
height: 65px;
}


And replace with this code

@media (max-width: 767px)
.responsive #sp-header-wrapper {
height: 95px;
}


-Thanks

Paul Frankowski - Staff

More than a month ago #Permalink
hi,
you can override this bg color:
#sp-header-wrapper {
background: #cc0000;
}


with custom one , here:
templates/shaper_sportson/css/presets/preset1.css
or
inside custom.css file (a new one)

Steve

More than a month ago #Permalink
That's the problem...the color in the code you shared is the color I want to see. It isn't appearing.

Steve

More than a month ago #Permalink
I have a couple of other issues too related to this page: http://www.ohiovarsity.com/about-us/archives

1. The breaking news slider is being covered by the sidebars.

2. I can't get the top stories module to look like the one in the demo.

Steve

More than a month ago #Permalink
I figured out the heading color by changing it in the header within the layouts screen.

How can I get rid of the menu divider (the black bar) or at least change it to CC000 to match the header? I tried removing its instance in the css but it remained there.

http://www.ohiovarsity.com/about-us/archives

Also, I added a module in ad1 and more of the news slider is visible, but the modules are still on top of it.

Steve

More than a month ago #Permalink
Nice...got an email telling me my support thread was updated...turns out it was the notification from 48 hours ago and a useless response, since that isn't what changed the header color.

This is why I asked for a refund. This support is useless and I won't be able to utilize the template.

Paul Frankowski - Staff

More than a month ago #Permalink
Sorry for delay, I was in travel.
---
If you are building websites you should know basic CSS rules, right. Or I hope you know.
--
New questions means new topic ..not all inside one. That's why you had to wait for answer.

Paul Frankowski - Staff

More than a month ago #Permalink
menu divider (the black bar)

you mean place where you have scrolled news (sp_news_higlighter) ?
If yes, please use
#sp-nh381 {
background: red;
}


or any other color.... as I said before inside custom.css or preset1.css file.

Paul Frankowski - Staff

More than a month ago #Permalink
Any other question ?
If yes, please use screenshot to show me what you want exactly.

Toufiq - Staff

More than a month ago #Permalink
Hi,

Thanks for your mail. Please follow the below instruction.

1. Header color already has red & logo size decrease
use this css code for decrease logo

img.image-logo {
max-width: 160px;
}


-Thanks

Steve

More than a month ago #Permalink
The logo on the desktop version looks fine but on the mobile version I need to add some height to show the entire logo. How can I do that?

Attachments (1)

  • screenshot.png
    screenshot.png 324.2 KB


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 134
Sifat

Sifat

Total Accepted Answers: 87
Toufiq

Toufiq

Total Accepted Answers: 56
Pavel

Pavel

Total Accepted Answers: 6
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 5

114

Templates

293156

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