![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: child theme, custom.css, customize
-
AuthorPosts
-
July 10, 2018 at 3:47 pm #983717
HI, I have been trying to change and edit current element on my Enfold Theme. I am using a child theme to make these edits, but they dont seem to be overwriting. I have tried a few things.
I tried assigning them a new id this way I can target that particular element.
I also tried with a class to see if that would make a difference.
I then tried going into inspect mode on my browser and copied a direct selection from the currently applied css and change that.
I tired Going back to the parent theme and editing the Custom.css
The last thing I tried worked, but really don’t want to use because I want to be able to have all my changes in one place where I can easily find and change them, was the built-in CSS editor in WordPress on the frontend after I applied that custom id/class.Can you show me an example of successful edited using a Child Theme that can be used to add padding on the left and right side of your prebuilt content element grid row that currently has five cells inside?
With I can understand how to customize my enfold theme for the future, I am very interested in using your theme, but flexibility is a must for me to continue to apply it to further projects.
July 11, 2018 at 1:12 am #983914Hey joshuamadrid,
Thank you for using Enfold.
Which specific element are you trying to modify? Please provide the css code that you’ve added in the style.css file. A link to the actual page will also help.
Best regards,
IsmaelJuly 11, 2018 at 4:04 am #983980https://ibb.co/n4xgNT
https://ibb.co/mfqPbo
https://ibb.co/bv3uboThis what I was targeting I was just trying to add padding to the row on the left and right thats it
I installed the child theme from the downloadable one you guys have on your site
https://ibb.co/ijAhwo
https://ibb.co/dsiP98Sorry wish i could give you a link to the page but since its hosted on my computer so i can use it i cant.
All i want to know is how i can use styles.css in the child theme to customize enfold.July 11, 2018 at 5:26 am #984024Hi,
Thanks for the update.
Have you tried to edit the grid row cells directly? You can adjust the “Cell Padding” values manually.
Regarding the style.css file, make sure that the css/js compression is disabled in the Performance panel.Best regards,
IsmaelJuly 11, 2018 at 5:35 am #984029Yes, But that applies to the cells not the row.
I have just given that a try and it did not change anything. I can do it in the built-in css editor but I want all my css in a place where i can easily change things.July 11, 2018 at 3:36 pm #984267I thought Enfold was going to give me the head start on projects, make them fast for me to build. I thought that enfold would be the thing I use to get the repeat items out of the way so I can focus on unique design and function. But with this problem its putting me behind schedule. I have found no examples online on how your theme works with the child theme only the installation. is there no way you can give me an example of a successful child theme edit to enfolds parent theme?
July 11, 2018 at 4:26 pm #984278HI I think you need to take a look at the current downloadable theme you guys have on your site. I just installed a plugin to reconfigure the child theme I downloaded. Not sure what changed really but whatever it did change worked I can now edit like I planned to. For others that are suffering from the same problem I was, try getting this plugin Child Theme Configurator By Lilaea Media it is meant to install/create child themes for you but I used it to duplicate the currently empty child theme I had installed and it configured it for enfold.
The other thing to note if you are using chrome make sure to do control/command + Shift + R to reload the browser. I have had that problem in the past as well.
-
This reply was modified 6 years, 2 months ago by
joshuamadrid.
July 12, 2018 at 2:05 am #984407Hi,
The other thing to note if you are using chrome make sure to do control/command + Shift + R to reload the browser.
The scripts and stylesheets were cached so you have to do a hard refresh or purge the local storage to reload the new resources. It’s a common issue and your suggestion should help. Thanks for the info. Sorry if you’ve had trouble at the start but we hope that you do enjoy the theme as you explore it. I’m sure you’ll find it very intuitive and robust as you go along.
Best regards,
IsmaelJuly 12, 2018 at 2:10 am #984409The scripts and stylesheets were cached so you have to do a hard refresh or purge the local storage to reload the new resources. It’s a common issue and your suggestion should help.
Yeah, I knew it was and i didn’t want that to be an issue that someone had after reading this thread so i thought I through that in there. That was what I had a problem with my first time using enfold, I thought that maybe why I was struggling but that didn’t work and that’s when i got upset but all good now. Thank you for the help and time, I love enfold when I can get it to do what I want because it can save me soo much time.
July 12, 2018 at 3:50 am #984444 -
This reply was modified 6 years, 2 months ago by
-
AuthorPosts
- The topic ‘Child Theme Styles.css’ is closed to new replies.