Tagged: Child-theme CSS
-
AuthorPosts
-
January 15, 2017 at 3:33 pm #733756
Hi,
I am figuring out the fundamentals of installing a child theme.
I already have a website, but haven’t made any css customizations in the code (except for a few quick css lines in the theme general styling tab).I watched the video on how to create a child theme. It says to do it at the start.
Can i still do it now, since I haven’t modified anything in the code, and I only want to do styling modifications (without having to start all over again)?Thank you
- This topic was modified 7 years, 10 months ago by Rio1.
January 15, 2017 at 10:23 pm #733821Hey Rio1,
Even if you have not added any css code we recommend using a child theme just in case if you need to make any changes in the future.
The main theme settings can be imported to child theme easily so you do not have to start over after installing the child theme.
Activate the child theme first and import the main theme settings from Enfold > Import / Export section.Best regards,
VinayJanuary 16, 2017 at 12:00 pm #733990Hi
Thanks for the reply. How exactly do I do that?
What are the steps?
1) create a child theme folder with style.css and functions.pho (just like in your video tutorial)
2) and then?January 17, 2017 at 6:39 am #734491Hi,
To install a child theme please download the child theme zip file from this link http://kriesi.at/documentation/enfold/using-a-child-theme/
1. Extract the downloaded package and copy the “enfold-child” folder to your wp-content/themes folder.
2. Go to wordpress dashboard Appearance > themes > Activate Enfold child theme
3. Once the child theme is activated Import the main theme settings from Enfold > Import/Export
Best regards,
VinayAugust 28, 2018 at 2:31 pm #1002705Hi, I have an exsisting gape and just activated the child theme. As offered, I imported all the options from the parent and also our specific options.
Export/import button in “Theme” menue.All went perfect well. Only one mistake. we have all links in orange and strong text in CSS defined as green.
Now even though orange is still in all the link definitions now all links and all strong text is green! Even orange buttons became green buttons!
What to chasnge, how to solve?Thanks for help!
Hildur
August 28, 2018 at 10:09 pm #1002879Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
BasilisAugust 29, 2018 at 3:10 pm #1003174Hi, I did this now.
Thanks for help!
Hildur
August 30, 2018 at 10:11 am #1003473Hi, Basilis,
after installing Child Enfold not only the colour of the link is changes, but also the font is changed, the size of letters is wrong, The footer is now white instead of black.
But all the colours in the menue, layout / addintional layout settings are correct.So the “real” is not like what is shown to be real.
Also besides Facebook no ther Social Media buttons are shown in the footer.
Thanks for help!
Hildur
August 30, 2018 at 12:29 pm #1003516Hi,
Please check the link text set up in the below link and change the primary and secondary color from Enfold > General Styling.
In case if you still have an issue Would you mind checking once again and then send us working login credentials?
The credentials should include
1. Username
2. Password
3. Login Link
4. The user role for the account you send us should be set to ‘administrator’Or as Basilis mentioned please create a working login link.
Best regards,
VinayAugust 30, 2018 at 3:11 pm #1003656This reply has been marked as private.September 1, 2018 at 1:35 am #1004251Hi,
Thank you for your reply, after installing the child theme please import the parent theme settings and it will look the same :)
Best regards,
VinaySeptember 4, 2018 at 1:43 pm #1005550Hi, Vinay,
that is what I did in the beginning and that worked fine for most of the settings.
But now I found the problem. In the short CSS list we put a code to define the colour of text, that is coded as .
/* Coulour of text strong #008000 */
strong {
color:#008000 !important; }This workd fine in the parent, but in the child all links were coloured in #008000, overwriting the defined settings. Also the font was changed and some background colours.
So do you have a suggestion how to define text “strong” in the child?Thanks for help
Kerstin
September 4, 2018 at 2:00 pm #1005558Hi,
Try to make the rule more specific and remove the !important like:
#top #wrap_all strong { color:#008000; }
Best regards,
DudeSeptember 4, 2018 at 5:29 pm #1005700Hi, Dude,
thanks so much, that helped, the problem is solved now!
Kerstin
September 5, 2018 at 5:01 am #1005867Hi Kerstin,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
RikardSeptember 4, 2019 at 10:40 am #1133750Hi there,
I have read this thread and i would like to ask to update the information. As we can read here:
The import of settings from parent theme isn’t the best way for now.
So i have tried to activate child theme and instead if importing settings i added following code to the functions.php of child theme:
<?php /* * Add your own functions here. You can also copy some of the theme functions into this file. * WordPress will use those functions instead of the original functions then. */ add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() { $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme. wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ), wp_get_theme()->get('Version') ); }
But nothing changed (the sites looks way different than my original site in parent theme).
Could you clarify why it isn’t work?
September 4, 2019 at 8:25 pm #1134070Hi papadopulos,
The styles and settings from the theme options are generated dynamically in a different file, not the styles css. So this code will not really help you.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.