Quick help with TYPO theme
-
Hi…I’m looking to switch my theme from Coraline to Typo, but I’m not wild about the fact that the page title/navigation area at the top is gray. I know there has to be some kind of CSS code to change it, but being CSS-impaired I’m not sure where to start. All I would need is the code; I have the HTML color code all ready to insert. Any takers? Thanks!
The blog I need help with is: (visible only to logged in users)
-
That theme http://theme.wordpress.com/themes/typo/ is one that has free color customization palette choices http://en.blog.wordpress.com/2013/12/04/awesome-theme-options/
-
Yes it does, and I’ve played around with those, but as far as I can see there’s no way to change that big gray banner to another color.
-
Nerts! That’s too bad. :(
I don’t help with CSS editing so you will have to wait for another Volunteer or Staff to help you.
-
-
-
This is the code to change the color of the header area. Go to Appearance > Customize > CSS, delete the informational text and paste in the following and edit the hex color code as desired (I used a bright red as an example so the change is easy to see).
.site-header { background: #CC0000; -
Thank you! That worked perfectly. Now…(and I apologize in advance for being a huge pain) is there any way to change the active link color and, perhaps, the color for the drop-down menu that pops up when I hover over a link to different pages? (For example, on my site, when you hover over the Books link “Some Rise by Sin” pops up, and then when you hover over that, links to two other pages pop up).
If not, it’s no big deal. I really appreciate the help :-)
-
a) Add this and replace 456789 with the hex for the color you prefer:
.main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { color: #456789; }b) You mean the text color or the background color of the dropdowns?
-
Thank you! That worked for the navigation bar. And yes, the background color of the drop-downs.
-
You’re welcome.
Add these and change the 444444:.main-navigation ul ul:before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #444444; } .main-navigation ul ul { background-color: #444444; } -
-
Hello,
I am trying to change my theme to the Typo one too. But when I do so, the final layout doesn’t look like the initial layout, as displayed in the presentation of Typo. What appears on my screen is all messed up, with an error message displayed at the bottom of the page. I refreshed the page already, but it doesn’t help.
And the weird thing is that the layout looks perfectly good on my iPad. So it seems that the issue comes only when the theme is displayed on a laptop.
Does anybody have an idea on why the layout is messed up when displayed on the laptop?
Thank you, -
@moonlight01101982, I see you have switched back to Chateau. Can you switch back to Typo and we can help get things straightened out for you.
Or if you don’t want your site visible to the public in a messed up state, could you switch back to Typo and take a screenshot so we know what you are seeing?
-
@moonlight01101982, what you described shouldn’t happen and it looks like you’re trying out different themes and so if what you saw was a theme-specific problem then we can’t see it any more. If you find that you see the error and layout problems again, please start a new help request and include a link to where you saw the problem happen, a copy of the error message, and a screenshot (as thesacredpath mentioned) if you can.
- The topic ‘Quick help with TYPO theme’ is closed to new replies.