Patrick Merlihan
asked 8 years ago

Saw 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

Trivial Shock
replied 8 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.

4 Answers
DominicStaff
answered 8 years ago

Currently, 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 Merlihan
replied 8 years ago

CSS 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.

Dominic Staff
replied 8 years ago

Thanks Patrick 🙂 We will discus about this issue.

Patrick Merlihan
replied 8 years ago

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.

Patrick Merlihan
replied 8 years ago

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

Patrick Merlihan
replied 8 years ago

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

DominicStaff
answered 8 years ago

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,

Patrick Merlihan
replied 8 years ago

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.

Patrick Merlihan
answered 8 years ago

observer

Patrick Merlihan
replied 8 years ago

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

Patrick Merlihan
replied 8 years ago

Hi – I hope I”m not being a pain, but I was just wondering if maybe I got forgotten on above stuff.
Thanks
Pat

Wilfred
answered 8 years ago

Hi 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!

Patrick Merlihan
replied 8 years ago

Thank you. You are the man!
Cheers

Powered by DW Question & Answer Pro