I would like to know if there is a code I can add to the style.css that would disable the wp theme animation on the page. Each element either drops in or slides in as one scrolls dn the page.
I bought the wp alchemy theme: https://demo.mageewp.com/alchem-pro/homepage/ but the theme animation is much slower than the demo so one is past the section before the animation kicks in.
So, on a cursory look it does appear than all animation is done via css with no javascript.
All of the styles are in the style sheet animate.css for that theme.
There are several way to accomplish that.
Before doing any of this back up your site and work in a child theme. These resources will explain why you should use a child theme and how to set it up.
I understand it can be daunting, especially when it feels insurmountable. It's not. Take a deep breath and read through the links.
You'll learn how to backup your WP install. Very important! Any number of things could cause damage to your WP install or could cause a loss of the site. If you don't have it backed up you'll have to recreate it all by hand. If you have a backup you could be back up and running in an hour.
Also, you'll learn how to create and use a child theme. That allows you to make changes to your theme without making the changes to the parent theme. If you make changes to your main theme directly and it gets updated you won't be able to update it with the new bug fixes or features without losing all of your changes. I'm sure you see the importance of that.
STEPS:
Back up your WP install.
Without a plugin
Wordpress - Codex: Backing Up Your WordPress Site
Skillcrush: Backing up Wordpress
With a plugin
WP Beginner: How to create a complete Wordpress backup for free
Use a child them.
Wordpress - Codex: Child_Themes
WP Beginner: How to create a Wordpress child theme video
Smashing Magazine: Create Customize Wordpress Child Theme
Elegant Themes: Wordpress Child Theme Tutorial
Now the different things to try to accomplish what you are asking. The first is the easiest.
OPTIONS:
Copy animate.css to your child theme. Empty the file and save it. Keep in mind you need to recreate the same directory structure that leads to the animate.css file. You don't have to copy the other files animate.css is the only file you need.
The following are more difficult and require learning some php.
Duplicate the file that enqueues and registers the animate.css script to your child theme and remove the enqueue and register calls to animate.css.
You could dequeue and deregister the script from Wordpress directly within your functions.php file within your child theme.
Hope this helps,
Tim
Related
So I've created a restaurant webpage from scratch (my first full webpage). I want to get into freelance work, but I've heard that a lot of people use WordPress and it's plugins to create websites fast. I'm not really a fan of template editing, but can I use my existing HTML and CSS, upload it to WordPress and edit it there, and utilize WordPress plugins? I really want to add stuff like online ordering, RSVP systems, or mini stores on these sites.
No Problem, you would be able to make custom templates with your existing HTML/CSS/PHP. While having the ability to take advantage of plugins. Using an open source platform like WordPress will give the administrative rights to the restaurant owner, and most likely prevent the requirement for maintaining the website.
Yes, you can use your own HTML, CSS or JavaScript to create a theme and start from there. It might take you longer but you can do it.
Wordpress allows you to create a "Child Theme". With this, you are able to have your own stlying (css) or custom JavaScript. The advantage of doing this is when the theme publisher (assuming you are not the original creator of the theme) updates the theme, all your custom styles and JavaScript will remain intact. That is a good way of going around it.
If you want a quick solution, most themes come with a "Customize" section where you are able to paste your own styling. All the best!
A helpful link on creating child themes is https://developer.wordpress.org/themes/advanced-topics/child-themes/
I'm a web development student, and I am helping a friend in adding some custom links and slider to her wordpress website. The thing is the developer who made her website 6 years ago didn't create a child theme and she agrees to not making any update
I need to add some links in the footer widgets, which i did, but i see that there is an image background to the container containing these widgets, is it safe if i just remove the background from the theme css file ? I mean as she isn't updating her theme nor website, can I achieve it by removing it by editing the theme CSS,
ps sorry for my newbie question but can't find any ressource on this special question.
it looks like this, there is a background on the div (i've put the same color on the smaller div)
Thank you for your help and your time.
It's not a best practice to edit the Parent theme CSS. Even if you do so when a new update comes it will all be overwritten(If you don't update your theme periodically you will be missing out on many security fixes). So it's best if you can create a child theme and update the changes there. Just change the current theme to your child theme it's just a one click action and will save you all your changes in the future. Hope this helps.
if I understand your question correctly, I'd say it's not safe to remove the background CSS from the theme's style.css (or whatever file it is using). The problem might be theme updates that'll overwrite your changes.
So the best would be to create a child theme with a fews clicks, it's really easy:
https://codex.wordpress.org/Child_Themes
So you won't have to bother with updates.
Depending on the WordPress version you might have the Custom CSS Section within -> Appearance -> Customize - https://en.support.wordpress.com/custom-design/editing-css/ - Here you can just write your own CSS to overwrite the background of the container.
I was building my own website from scratch and realized that setting up the E-Commerce side of things would take an enormous amount of time so I decided to use Prestashop. I've already designed everything besides the actual store. I wanted to use the default prestashop theme and edit the HTML and css to make it look like my website. I've already written all the css and html but I am not sure how to add it to prestashop. Any suggestions?
If you are doing small adjustments to the theme you can use the custom.css file.
For heavy changes you will have to use npm build|watch in the _dev folder and make your changes in scss files in _dev/css folder.
I'm new to Wordpress but have an understanding of HTML/CSS. I recently fixed an issue on a site where a button wasn't being rendered properly.
I added the CSS changes to the custom CSS box for that particular page (the homepage). The changes worked on the editor preview but after saving and publishing the fix isn't live. I had thought that it might be a cache issue (WPEngine) but I did this two days ago. Shouldn't that be enough time for it to resolve?
I've cleared the cache on all my devices.
Is adding custom css in the WP Admin the way to fix this or does this need to be addressed in a different manor by uploading files or changes files via FTP?
If you clear your cache and cookies in your browser you should be able to see your changes almost immediately if you add your CSS through the wp-admin custom css area.
A good way to check if that code is there is by viewing the source of your page and searching for the CSS in your dom. If it is not there, but added into your custom css in the theme it might be a problem with your chosen theme.
If you change the theme's css directly through FTP you will want to keep in mind that if you ever update your particular theme, all your custom css will be overwritten and you will lose it. You can see more on how to add custom css here:
http://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/
A client of mine would like me to go into their WordPress website and add a fixed button to the bottom-right. This button should be on every page.
I know HTML, JavaScript, CSS and PHP quite well, but have never used WordPress before and it seems a little frustrating.
I only need to add this button and link it to a URL, but I don't want to download additional plugins. Can I add my own HTML to a theme? I've heard of the ability to make Child Themes to prevent my additional HTML from getting wiped when the parent gets updated. How does this work and how can I use it to achieve the above?
Child themes are the typical way to modify an existing theme, so that you can still update the original theme as its developer releases new versions. It is correct that updating the theme would wipe out your changes, if you don't use a child theme.
I've only made a couple child themes myself, but I found this documentation helpful:
https://codex.wordpress.org/Child_Themes
For modifying template files like the footer, the first section "Creating a Child Theme from an Unmodified Parent Theme" is the minimum to get started. The style.css file contains metadata that tells WordPress about the child theme and its parent, even if you don't add any styles. The functions.php file makes sure both themes' stylesheets are loaded, and can be used for other functions later. The page above has some code you can mostly copy and paste, with some changes for your site's specifics.
Once the child theme exists, you can copy footer.php from the original theme into the child's directory, and modify it as needed. Keep in mind that since you are overriding the original theme's footer.php, if there are later changes in the parent theme's footer.php, you may need to manually update your copy, to combine their changes with your site-specific code.
If you have a separate site or development environment where you can test your child theme first, I'd recommend using that, then copying it to the live site when it's ready.
You would have to do this within your Wordpress Theme / Template files.
You'd have to learn the architecture of Wordpress CMS (mostly) but also your applied theme you'd be customizing and adding this feature. You'll have to know what .php files drive what pages and where you can add this feature.
If you don't want to mess with both any core Wordpress CMS files nor your original applied 'Theme' files; you can consider creating a 'child theme' or 'plugin' to extend the features and functionality; this way.
Please start by understanding Wordpress CMS further. Here's a good article: 'http://www.wpbeginner.com/beginners-guide/beginners-guide-to-wordpress-file-and-directory-structure/' also check http://wordpress.org
Hope this helps, g'luck!
Building a child theme is ultimately the best thing to do, as any future theme edits for the client can be done there. Here's an article on WP child theme creation.
A quicker way should be mentioned, although it can be limiting: Go to Dashboard/Appearance/Widgets, make a new Text widget and place into your footer region. This is assuming, of course, that the theme you're using has a footer region defined (most do). In the widget, use some HTML like this:
<div style="float: right; width: 60px; background-color: red">BUTTON</div>