FOLLOWING ISSUE BEING RESOLVED NOW:
I am working for the first time on wordpress currently i am facing just a small issue of adding a top bar which will come from the following code. In simple html its working perfectly fine but its creating some error when i put this code in the index file on the the top of the index.php page. All i want to do is that the top bar should appear generically on all the other pages being used in the theme and appear perfectly fine kindly let me know which one is the efficient place to put the following piece of code.
Note: I am using by default theme by wordpress
If your intent is to display options for the editors, you should look into the WordPress toolbar:
http://wp.smashingmagazine.com/2012/03/01/inside-the-wordpress-toolbar/
If you want to edit the header for all users. The theme will like have a header.php which you can edit. The recommended way to do this would be to make your changes in a child theme.
Related
New to wordpress theme editing and php.
I am working on a website and i have run into an issue, within the style.css there is a #meadia breakpoint added that screws up the view for mobile users and adds a margin.
This is the code:
.wpb_row.full-width-content{margin-left:-10px!important;}
Now what i do is change this in the child theme, theme editor to:
.wpb_row.full-width-content{margin-left:-10px!important;}
And it says that this is saved!
However, when I return to the page and inspect the mobile view, it still says
.wpb_row.full-width-content{margin-left:-10px!important;}
Am I completely missing something here, or making a noobish error here. Hope anyone can help. Good day to you!
I'm building a site for a networking group and they want to show if a category is open for someone to join.
I'm not sure if this is possible but I need to add a style to the navigation that if a category is open it will show "open" next to it when you hover over it. I know I can change it but the problem is it needs to be user friendly so they can change it themselves. So I'm trying to figure out a way to make it as easy for them as possible.
So far I came up with the idea of creating a different page template for them to choose and created a hover style for that template. The problem is you have to be on that template page and it shows when you hover over all of them even if it's not open.
Is there a way to add a function for a page only if it's using a certain template?
Here is a link to a page that is using the template I added - http://pt6-dev.info/categories/auto-truck-repairs/
I know some of the basics of php and javascript so any help or ideas would be appreciated!
You can just add it into the PHP file out with the PHP tags using the < script > element
I feel kind of stupid asking this but... I have three pages on my website. There is one of them I want to edit. How do I access the code of this page? I need to change the size of a Google Maps I have embedded on the page.
Go edit this page, in the right sidebar look for Template in page attributes box. This page should be using a template, go to your theme folder and look for a php file with the similar name, when you open, it should have the exact template name in the header, that's where you can edit the code of this page assuming that it use a template.
I managed to solve the problem by playing around with some divs in the css.
I am trying to get Algolia Search to work on Genesis child theme.
I have downloaded the Beta WordPress plugin from https://github.com/algolia/algoliasearch-wordpress. While I can see that network wise, everything works well, the Search Results do not show up in the AJAX drop down just below the Search Box.
Another interesting observation is that while the main Search Bar on the front end of the website does not show any results, the small Search bar within the Admin menu on the top right corner of the page does show the results. That is because the Algolia code attaches to any DOM element with [name="s"].
However, I have checked using the Inspect tools that the Main Search bar is also surrounded by Algolia <span class>. As I type into the Main Search Bar, I can see the DOM changing dynamically to add the <div> tags containing the search results. So I know that the network piece is working.
Any ideas or suggestions on what to try?
Other things I have tried:
I placed the Search bar in the footer as well (thinking that maybe the opacity might be a problem in the header). Same result
I have tested the same plugin on a similar site (with identical plugins) but with a non-Genesis theme. It works fine. That is why I have concluded that this might be related to Genesis.
As I stated above, when I type in the Search bar in the top right corner within the WordPress Admin menu, it does work.
For anyone else that is trying to get this to work on genesis, here is the CSS change:
The issue is that the parent .search-form is configured with a weird "overflow: hidden". To fix your theme, just add the following CSS rule:
.search-form {
overflow: visible !important;
}
A new version of the plugin was released recently, 0.2.6 at the time of writing this.
In the new version, the dropdown is no longer injected in the same container as the search input container but is attached to the document instead.
You should no longer need to tweak the CSS like it is shared in your own answer.
You can download the latest version from: https://community.algolia.com/wordpress
Best
When I try to change from one theme to another Wordpress seems to load the pages that I created within an existing theme along with the same content in the header and footer. I dont understanding why the same header and footer it being applied to all themes and the same pages showing up. If I remove a page it removes it from all of my themes.
I want each theme to be individually to each other. I cant seem to fix this problem. I have look everywhere