Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #374997

    Hey,
    I’m currently redesigning my website with a developer using Enfold theme and it’s really brilliant and the editor is really simple for a non dev like me to work on.

    I can do a lot of the styling and editing myself, but there are some things I can’t seem to achieve and my developer says that it will need custom CSS edits, however I was advised by my brother who also uses Enfold, not to do any custom edits as if WordPress or Enfold itself is updated, that I might lose the custom edits, or they might distort the look of the page or element and I’ll need to hire the developer again to fix these issues so it would be much better to just use the options available in Enfold as is.

    Is this correct or should I allow the developer a bit more freedom with making custom CSS changes and if so, where should these changes take place? Should everything just be put into “Enfold > General settings > Quick CSS”? Is this the safest place to make changes or what about child themes etc and is it a child theme of Enfold, or a child theme of wordpress? I’m a little confused how it should work.

    If it’s advisable to try avoid custom edits at all costs, I’ll live with the slight style differences of how I want it, if using the Quick CSS means I can get the developer to add almost any style changes without any risk of update issues that would be great.

    If somebody could please explain how it works and what to be aware and how best to future proof the site and make it compatible for all monitor sizes and mobile devices, I’d really appreciate it!

    #375281

    Hey cormie!

    You can use our child theme, http://kriesi.at/documentation/enfold/downloads/, and then have him do all of his CSS edits in the child theme stylesheet.

    Best regards,
    Elliott

    #375285

    Hi Elliot, thanks for the link, that’s the first I heard about enfolds own child theme, but I don’t really know much about all this anyway so that’s not a surprise :)

    So would you suggest to make all custom edits to this once installed, rather than the Quick CSS form and other WordPress child elements?

    How will it work if an update comes along which changes things and how will it work with mobile rendering?

    #375383

    Hi!

    Yes it would be best to do your edits in the child theme. That way they will be saved when you update Enfold.

    It has no impact on mobile rendering.

    Regards,
    Elliott

    #375410

    Hi Elliot, thanks a lot for that. I’ll pass on the info to my developer. I mentioned this to my brother who then mentioned quick css changes are ok as they aren’t core changes, but adding a contact form to a slider, making the testimonial avatars not round etc will require more than quick css, so if these can be done in child theme and won’t be affected on upgrades, that would be perfect.

    #375569

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab to make testimonial images not rounded

    .avia-testimonial-image img, .avia-testimonial-image { border-radius: 0; }

    Regards,
    Yigit

    #375624

    Thanks a lot Yigit, I’d be needing to be displaying different sized logos too, although I rendered all the logo images as the same shape and dimensions to keep them uniform regardless of the logo shape itself so I’m not sure if simply removing the roundness will aid, but I guess I can use the child theme to get it exactly how I need without risk of updates making problems?

    #375626

    Thanks a lot Yigit, I’d be needing to be displaying different sized logos too, although I rendered all the logo images as the same shape and dimensions to keep them uniform regardless of the logo shape itself so I’m not sure if simply removing the roundness will aid, but I guess I can use the child theme to get it exactly how I need without risk of updates making problems?

    By the way, almost every time I click submit on these messages, I’m taken to a blank page and it appears like nothing happens, I have to click back and submit again and then it usually works fine..

    #376878

    Hi!

    Your trying to have the testimonial images display in different sizes? Try adding this to your custom CSS.

    .avia-testimonial-images, .avia-testimonial-images img { width: auto !important; height: auto !important; }
    

    Cheers!
    Elliott

    #376913

    Thanks a lot for that Elliott, I think the developer has gotten around it somehow but I’ll pass on the info if necessary :) Thanks again!

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Custom changes when options aren't in Enfold Editor’ is closed to new replies.