Patrick MerlihanSaw that you mentioned css hero in an answer to someone else. I went to their site and dw focus wasn’t listed as approved. Do you know if it would work with dw focus? Thanks
DominicCurrently, we don’t try using the DW Focus theme with CSS Hero yet, therefore, it is hard for me to confirm that it can be compatible with DW Focus or not. If you do not mind, can you install and let us know your experience with it 😉 In my opinion, DW Focus works well with it. Â
Patrick MerlihanCSS Hero no compatible out of the box, however I think it is easy enough to make work. I created a js file from their documentation and put in the root and it seems to work great. It’s easy enough to do — you guys should take a look and offer up a complete file to make it csshero compatible. Just a thought.
DominicThanks Patrick 🙂 We will discus about this issue.
Is there any chance that you have a list of all the individual elements that has css applied to it in the theme. I am having trouble with the body copy because it changes a lot of other elements at the same time. Right now I am using chrome inspector and trying to find each element.
Another request: I saw in an answer to another post about making the header sticky and there was an offer to provide the code to make that happen. Could you please provide the code to make the navigation area sticky and everything below the menu and masthead/ad area scrollable underneath.
observer.wpengine.com
Thanks in advance
Pat
CSS Hero | I really like it BUT it would work even better if I had all of the names of the elements. To make it work you create a js file called csshero.js and put it in the root directory.
The format is like this
{
csshero_declare_item(‘.nav menu eg a’);
csshero_declare_item(‘.something else ‘);
csshero_declare_item(‘.more something else’);
}
The problem I am having is finding the names of the elements. If you have some magical master list for the focus theme it would really help me. Right now I can’t figure out the submenu to make style changes and text is too big and wrong font. As well I will have to make changes to the mobile and tablet styles
Thanks for your help
You can open the template.css file in the folder path “wp-content\themes\dw-focus\assets\css” in order to know more details about the element.
Also, you can tell me detail about the Header sticky issue. Can you send me a screenshot for further checking?
Regards,
As for the template.css I have been through that line-by-line — I’m a newbie at this stuff and don’t have a good grasp of what all of those elements control. I know it might be a bit of a pain, but if you had this file I am sure other customers would appreciate it for using CSShero — it is fantastic and would be even better if I wasn’t spending so much time just setting it up to work on this theme. Thanks again — I really appreciate the support.
I would be happy to give you backend access to the site at observer.wpengine.com Let me know if you want it and where to send credentials
Hi – I hope I”m not being a pain, but I was just wondering if maybe I got forgotten on above stuff.
Thanks
Pat
WilfredHi Patrick,
My apology for this late reply.
– To sticky header,  please add the following code to custom wp_head in Dashboard / Appearance / Customizer / Custom code
<style>
@media (min-width: 1080px) {
body.desktop #masthead {
position: fixed;
background: #fff;
z-index: 9999;
left: 50%;
-webkit-transform: translatex(-50%);
top: 0;
}
body.desktop #main {
padding-top: 240px;
}
}
</style>
– Css Hero: Take a look at the link below about names of the elements :Â http://snippi.com/s/shawdq3
Hope this helps!
Thank you. You are the man!
Cheers
Please login or Register to submit your answer
replied 10 years ago
hi, i`m not 100% sure but dw wallpress is compatible. the easiest way is drop some lines @Ale from superthemes and css hero.