- This topic has 11 replies, 3 voices, and was last updated 4 years, 1 month ago by Leo.
-
AuthorPosts
-
November 14, 2019 at 9:44 am #1063239Andriy
Hi GeneratePress team. First of all, thank you so much for the amazing theme!
I just got GeneratePress Premium and am struggling with something. Before making any GP customizations whatsoever, I wanted to do them in a child theme (so I can keep the main theme really up to date without disrupting any future custom code).
However, when I added the GP blank child theme, the styling on my Catalyst demo site got messed up. Here’s my site with the child theme: http://bit.ly/2NQxuBf
Compare that to the demo site at https://gpsites.co/catalyst/ which is exactly how my site looked before the child theme – notice the headline, sub-headline, and main CTA button suddenly look quite different; also the ‘full width CTA row’ area further down and probably even more stuff …
Here’s what I did so far, correct me if there’s something wrong here?
* installed GP then GP Premium (both latest beta versions)
* imported Catalyst demo site and content
* installed child theme ZIP linked here: https://docs.generatepress.com/article/using-child-theme/
* there’s no extra CSS yet in the parent GP theme’s Customizer; or anything custom in GP child theme’s style.css or functions.php
* also cleared my site caches and restarted PHP with Kinsta where I’m hosting the site; and cleared my browser cache / used incognito to make sure these problems aren’t due to cachingNovember 14, 2019 at 10:43 am #1063281LeoStaffCustomer SupportHi there,
Are you sure you haven’t modified the CSS in the Additional CSS field in the customizer?
The CSS in your site isn’t the same as the default CSS for Catalyst.
For example, here is the default CSS for the page hero button:
https://www.screencast.com/t/lIIpM9WGQ6DAnd for your site, looks like the CSS has been modified:
https://www.screencast.com/t/WhUz7h1iSame thing for the Call to Action title:
https://www.screencast.com/t/1N0oNRwmkGEThat CSS is missing in your install:
https://www.screencast.com/t/rIw7yePOANovember 14, 2019 at 10:57 am #1063287AndriyHi Leo, thanks for following up π
Your screencasts are exactly the point I’m trying to make! My parent GP theme had nothing custom in additional CSS in Customizer. Then when I installed the child theme suggested by GP (link below), suddenly those styles changed on the page in the ways you’re pointing out.
Not sure how that happened. Is there something wrong with this child theme that’s changing the styles by any chance? http://generatepress.com/api/themes/generatepress_child.zip (from article https://docs.generatepress.com/article/using-child-theme/ )
November 14, 2019 at 11:00 am #1063289AndriyHere’s what my parent theme Customizer looks like – https://i.imgur.com/gBsGJSV.png
And here’s the Child theme Customizer – not sure why the stuff in here is different (should there even be anything here in the first place, for a blank child theme?). https://i.imgur.com/CqPiYa9.png
November 14, 2019 at 11:05 am #1063290AndriyJust to update, I cleared out all the code in the Child theme Additional CSS and replaced it with the code in the Parent theme Additional CSS and that seems to have fixed it. It might be good to mention this in child theme instructions, I had no idea the child theme came with its own (different!) custom CSS, I thought it would use the parent theme’s.
November 14, 2019 at 11:17 am #1063298LeoStaffCustomer SupportGlad you got it sorted.
The child theme definitely doesn’t come with any default CSS – otherwise our support forum would be flooded with this complain already.
Let me know if you notice other issues π
November 14, 2019 at 11:37 am #1063307AndriyHmm that’s strange – check out the second screenshot above. I didn’t add any of that CSS in, I just installed and activated the child theme …
November 14, 2019 at 11:54 am #1063316LeoStaffCustomer SupportLooks like the Additional CSS in the child theme just inherit the content from the parent theme.
If you want to use a child theme with a site library template, try copying and pasting the original CSS into the
style.css
file of your child theme which should be empty by default.November 14, 2019 at 12:26 pm #1063334AndriyThanks for that, I appreciate your help with this.
November 14, 2019 at 12:28 pm #1063335LeoStaffCustomer SupportNo problem π
February 7, 2020 at 12:00 am #1157401RozennHi,
Just to let you know, I had the same problem when I made a child theme for Catalyst. This topic helped me find unexpected CSS in WP additionnal CSS. No idea how it was generated because it has nothing to do with what I wanted to do. It explains a lot though, like why the logo was broken (changing width would not change the height, it looked awful), why the ghost button became blue, etc. Deleting this additionnal CSS helped me get my design back.
Here is the CSS I found and deleted:
/* logo height */
.header-image {
height: 40px;
}/* center nav */
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
text-align: center;
}/* menu letter spacing */
.main-navigation a, .menu-toggle {
letter-spacing: 0.5px;
}h1 {
letter-spacing: 1px;
line-height:1.2;
}h2, h3 {
line-height:1.2;
}.topbar-text {
font-size: 18px;
color: #ffffff;
letter-spacing: 2px;
margin: 5px 10px 5px 10px;
}.button.ghost,
.button.ghost:visited {
background: transparent;
color: #124C75;
border: 3px solid #124C75;
font-size: 18px;
margin: 5px 10px 5px 10px;
padding: 6px 10px;
transition: all 400ms linear;
}.button.ghost:hover,
.button.ghost:active {
background: transparent;
color: #124C75;
border: 3px solid #ffffff;
transition: all 400ms linear;
}.nf-form-fields-required {
padding-bottom:10px;
color: #665862 !important;
}.ninja-forms-req-symbol, .nf-error-msg {
color: #665862 !important;
font-size: 13px !important;
}.nf-form-content .nf-field-container #nf-field-9-wrap .nf-field-element .ninja-forms-field {
height: 100px !important;
}.nf-form-fields-required {
display: none;
}.label-above .nf-field-label {
margin-bottom: 5px !important;
}.nf-field-container, #ninja_forms_required_items {
margin-bottom: 15px !important;
}February 7, 2020 at 8:37 am #1158112LeoStaffCustomer SupportThanks for sharing!
-
AuthorPosts
- You must be logged in to reply to this topic.