I'm new to building websites.
I'm currently using Headway drag and drop Wordpress builder.
I've added Testimonial Widget by Aihrus plugin for testimonials, and I've added it to a widget box.
Problem is that I want to add custom CSS to it that I've seen on this site that is built for it, but the Headway theme doesn't allow you to go in and edit the theme. I've tried adding it to the block inside of the theme but it didn't work. I ended up going into the plugin and adding it to the CSS of the plugin, and it now half works.
Could someone please tell me what I'm doing wrong?
My site is rainorshinedogwalking.com
You can edit your live CSS here:
http://docs.headwaythemes.com/customer/portal/articles/1067360-editing-css-directly
What you type gets minified and added to your site's dynamic CSS file on page load.
All you have to is go through design editor click on the element you want to edit then right click. A pop up box should come up and it say edit element choose that then you will see something like that click it and add our own css
Related
I'm using child mylisting theme on wordpress , is there any way to add a button so that my changes appear on all listing pages between content.
when adding the button shows like this
any way to add button in content area.
Easiest way is to use child theme. You can then copy across the appropriate template and add in the code for the button.
It sounds complicated but it's really quite simple. It's all explained in the theme documentation:
https://docs.mylistingtheme.com/article/installing-child-theme/
I have a Website that is designed on Html and Css. Now I want to make it same as on WordPress. Tell me the best possible options that help me to create same as its style. I also want to add that css on WordPress.
You have several options for that.
1- Create your custom theme. this will allow you to add your HTML and CSS codes.
2- you can use page builders like Elementor and use the HTML element. then by adding your HTML and CSS codes that will render on the page.
Using both above methods will not allow you to edit page as you normally do using page builders. it has to be using HTML and CSS.
3- Re-create your website using page builders on wordpress, it will be easy and fast and you can make future edits easier.
Navigate to your Admin Dashboard.
You can use the WordPress Visual Editor to quickly add HTML files to
your website.
Click Pages in the left sidebar. Next, look at the left-hand
sidebar.
Choose an existing page or create a new one.
Click Add Block.
Add a 'File' block.
Choose your HTML file.
I have a problem with my theme and I am sick of tired to communicate with the theme support team...so I try to solve the issue myself (if possible).
My problem is: I have some single product layout under theme option but when I try to change none of them work. I could overwrite the style in the child theme (how the information, text...etc will show) but my main problem is the product image. Is it too big and the thumbs appear under the image. I want smaller image box and thumbs on the left side. Is it possible to overwrite this in the child theme somehow?
I am not a professional programmer or web designer, but would be happy to learn :)
Thanks for any help or comments :)
May be you can check it with word press plugins. Here is a link. Before override Woo commerce Single Product Template You can try it with custom css in your theme style.css
Copy this very basic CSS and place in your child theme’s style.css file. Check this link.
I am using wordpress for the first time and have no complete knowledge of it.I am using contact form 7 plugin and created a simple contact form but i want to make changes to it according to my site.I tried doing it and went through some videos also and worked accordingly but could'nt make any changes to it.Please help me out.
Publish the form on your site and inspect the elements you want to change (right click -> Inspect), preferably in Google Chrome, open the styles tag and change the CSS rules. When you are satisfied with the new look, copy the new styles in style.css in your theme folder. When you refresh, you'll notice that some styles have applied and that some parts haven't changed. You'll have to add !important next to those styles in your style.css file. I have to note that !important should be avoided but sadly when changing some Wordpress plugnis there isn't any other way.
I'm currently using the TinyMCE Styleselect menu to add CSS classes into the WordPress editor. This has worked OK for me so far and is great if you only have a few classes that you want to use. When I have added more classes however, the styleselect dropdown becomes a little un-user friendly as you have to scroll through the options which can also make the page scroll also.
The solution I want to implement involves a button in the tinymce toolbar that when clicked will open a popup window, from which you can select a class to apply to the selected text in the editor.
I know how to add custom buttons to tinymce and create the popup window but how do I make the buttons that add the class actually apply the class to the the selection?
Anybody any ideas of the code I need to use to do this or a tutorial detailing the above would be great.
I am not entirely certain this is correct, but I think that if you want to go beyond customizing TinyMCE via the hooks provided by WordPress you will have to go through TinyMCE itself. Consequently this is probably more of a TinyMCE question, than it is a WordPress question. I suggest you check out the TinyMCE plugin documentation.
However, once you have your plugin ready there might be a bit of an issue getting WordPress to load it. I'd definitely try to avoid manually placing it inside wp-includes like the rest of TinyMCE, but it seems WordPress does actually provide a way of loading external plugins.