how can i edit the look and position of wordpress searchbar? - css

I am using a premium woocommerce theme.I don't like the position and look of the search-bar.Its tiny and I want to make it look like Google search-bar.So I want to change it.I don't know coding that well.What specific thing should I do to make it happen.What coding language I have to learn to do this?

If you are lucky the Premium WooCommerce theme which you have bought must have an option to add Custom Code(CSS) through the WordPress dashboard itself.
If not please go through the following procedure:
You can change the look and position of the WordPress searchbar using CSS. In order to add the CSS to your WordPress site you need to know basics of PHP how exactly WordPress works.
You need to enqueue style in theme's(Creating a child theme of your theme is more preferable to avoid the loss of code due to theme update) function.php file or using you own custom plugin.
Both these options are given in details in this link.
Languages you need to know:
PHP, CSS
You need not have to be master of PHP to do the changes just the basics of php is fine.

Related

Wordress - How to work with non wordpress theme

I'm new to wordpress, and I want to know if it is possible to put a theme bought on shapedtheme.com for example on an existing wordpress.
And if so, how to do it. I don't know where to put the code of the theme. I saw the wordpress page builder with text, but I see tags with [] and not <>.
I saw on this thread that pages can be linked to php files. I don't see how.
I have full access to the hosting service's filesystem and can see all wordpress files.
I would also like to transpose the theme header and footer and if possible, use the theme cards to adapt to blog articles written in wordpress.
How can I do this ?
I searched for tutorials on google or related threads on SO with no luck.
Any ressource would be appreciated.
Thanks to anyone who will take the time to read/answer this post.
No, you can't use a non-WordPress theme in a WordPress installation since WordPress will look for specific templates and pass certain objects to the template to be displayed.
You could adapt it to work with WordPress, though. Here's the theming guide to get you started.
But you'll probably be able to find a WordPress-ready theme with the features you want. This is the WordPress theme directory link for themes using bootstrap.
Unless you go for a from-scratch development of a pure php theme, and you need some level of theme customization I'd strongly suggest looking into child themes, as it'll allow you to update the base theme minimizing the changes you'd have to do to yours.
The [ ] syntax you mention are shortcodes, small, safe php functions that can be executed by inserting them in the editor, templates, etc, and provide kind of an api that exposes WordPress or plugins functionality.
And regarding your link, OP already has a WordPress theme, but is looking for a way of using a different, specialized template on specific pages. This template still has to follow to certain WordPress conventions.

Is it possible to copy a CMS theme design to transfer to wordpress

I tried researching it but do not find a direct answer I am trying to move a kentico cms website to wordpress but would like to know if it is possible to copy the kentico theme design to then place it within my new wordpress website?
Thank you all feedback and suggestions welcomed.
Not without manually changing some parts around and adding the WordPress related functions, no.
While you'll probably be able to copy your CSS file, you will have to do the basic WP theme work, e.g. adding the informational comment to your style.css, make sure your header and footer call wp_head() and wp_footer(), add the functions to work with the loop to output content etc.
You can find lots of detailed documentation on creating themes in the codex.

Styling the result of a wordpress plugin

I have a working Wordpress site that uses a specific theme, and I need to use a plugin (retribal) as part of the site which returns a list of performers, but it doesn't integrate with the theme styling at all. What I want is for it to look like the rest of the site. I've checked the plugin and under "How Can I Style Performers" it simply says, "Add “rt-performer-” class to your theme styles.
What I actually want is for the plugin to output based on one of the site templates in use on my site - does that even make sense?
I know I hadn't ought to mess with things I don't understand, but I haven't got a clue what to do with the information above. Any help would be greatly appreciated.

How to add content to the footer via the dashboard?

I've been trying to develop my own theme and in need of some help regarding adding content to the footer.
I need to add some text to the footer which could be changed via the admin panel. I know about the Advanced Custom Fields Plugin, but I would like to learn how this can be done without using it.
I've seen theme's where the footer(or other) changes can be made via Appearance > Theme Options section in the wordpress dashboard and I too would like to do the same.
I would be grateful if anyone could provide me a link or help me start with the process of doing so.
Regards,
Vinith Almeida
You can install the OptionTree plugin for WordPress. Then you can set your theme settings via the plugin, and then when you come to the footer section, you can use the ot_get_option() function to use the user value.
You can also watch this video for more help : http://www.youtube.com/watch?v=wS0WlHITVfc or this http://www.youtube.com/watch?v=J9JQJAu0X30
You can always register your own code for an option page that can contains options for your theme, but this requires deeper knowledge of the WordPress.

Wordpress tiny mce editor does not show exact in the front end

I recently started developing websites on wordpress. I have this problem with tinymce editor. When i write post and format content it looks how I want in it. But when I publish post and check that it looks really crappy.Then I called the stylesheet of tinymce editor on everypage of website. I must say there is change but it still looks bad.
How can I get content in exact formatted way as I see in the tinyMCE?
Thanks,
kiran
On the frontend the styles from your theme will be taking precedence over the layout and sizing of content.
In the administration section it will be using a default TinyMCE editor css file. This allows for Wordpress to easily support a variety of themes without making many changes.
So that leaves you with the potential inconsistency, which you have identified here.
Either you work with the WYSIWYG editor giving you an approximation or you could add the relevant styles from your theme to the editors CSS. This can be done using add_editor_style() DOCs.
Use this WordPress plugin to solve your problem.
Specific CSS/JS for Posts and Pages

Resources