I'm a beginner on the webdesign and coding area, so please bear with me as I try to make some sense in this question. So, I'm learning wordpress and trying to understand why some stuff is happening in a theme developed on school. The thing is: the sidebar menu, as you will see in the images, were done by a parent-child page system inside wordpress, and not by the menu tab on the appearance tab, where you can click and drag the pages and just activate the widget later.
how the menu is acting while hovering over the list parent-child:
As I'm trying to understand a bit more of what is happening, I have googled some things about this, but I still can't make much of what I learned. Anyway, I tried some things, but I'm still not there:
I tried taking the background hover from the list, and letting only the hover on a to work:
It kinda helps on what it was supposed to do, to highlight only the child item, and not the whole list, but the idea was to make the background hover to extend itself to the whole space that the "container" of that line's content have, just like it shows in the right part of the image_02. Now, would that be possible? In this case, would I have to get the parent highlighted as well, and not only one child at time? Or I can't get this result with this parent-child pages menu system?
Here's the site, in case you would like to have a look:
http://dadin.ct.utfpr.edu.br/
Sorry if this sounds kinda confusing, but thanks in advance anyways!
Related
I am looking to edit the css styles from inside the Dashboard inside of wordpress and NOT have to edit the php files if possible.
I know it is possible to edit at least some of the properties so my hope is I can edit all of them right within the dashboard.
MORE SPECIFICALLY
How can I change the css states of links and submenus of a custom class? For example the a:active, a:hover, a:link etc... and ALL OF THE SUB-MENUS to custom css as well?
I have included these pictures to show you what I am trying to do and the present results.
MY CUSTOM MENU INSIDE OF WORDPRESS
CUSTOM CSS INSIDE OF WORDPRESS
THE RESULTS
I am taking the time to give a little more details in gratitude for all the help I got on stackoverflow over the years, also giving a little more info for the newbies out there. We are all learning.
Here is what worked in pictures
I used Firefox and used "INSPECT ELEMENT". While on the page I did a LEFT CLICK and from drop down I chose INSPECT ELEMENT.
Then I clicked on the PICK AN ELEMENT icon, as seen in the picture and then I hovered over the element I wanted to edit, in this case a button in the menu. This gave me the class I needed to edit.
I went into my DASHBOARD in WordPress and made this change to the code. Finally I got the results I was looking for, which I also included in the same picture as well.
Although I have not figured out how to edit the sub-menus yet I believe I am on the right track and will figure it out.
HOPE THIS HELPS SOMEONE. :)
So I know this is a bit out of ordinary for me to ask a question like this, but for some reason I am just really having an issue grasping this.
My Problem:
I have a responsive layout theme for word press, its clean its pretty. When implementing Google ad-sense into a text/html widget on the right bar it over runs the widget size and over hangs on the right hand side.
My Question:
What will be the best method for getting my ad to look more uniform. Is there a way to select a single widget css? Is there a way to put a div inside that widget and select the parent css from that div? Should I go in and hard code it into the theme?
Additional:
The theme I am using has a built in child theme option which I have chosen to use. When I place the code into the child themes function.php it breaks the theme and displays what I enter as plain text to the screen. Adding opening and close php tags did not seem to fix this issue.
Well it appears once again I asked a question before fully digging my brain into this. Hopefully this will become something useful for someone else.
FIX:
It appears that wordpress assigns a unique ID to every widget that is created.
Created New Text Widget
Wordpress Assigns: text-1
I can now go into css and manipulate this widget directly.
#text-1 {
//do somthing
}
It's always best to avoid hardcoding WP themes as when they get updated your modifications might vanish.
Glad to see you figured it out, I was going to say that you CAN add a div inside a widget and give it a name, which might still be be better than use the WP assigned layer name, as that might change if you were to delete or re-add the widget.
I am new to Word Press and I have been assigned to change something at work in our homepage.
I am always worked with raw HTML/CSS/php files, so I am a bit out of place here.
The page in question is the following: GAN Integrity Solutions Products
Inspecting the html I found where the CSS is (in the theme folder).
If I go in word press under pages, and I choose Products (which is the page I want) there is not content in it even in the text or visual editor. (but the page does indeed have content)
I installed the plugin called "Always edit in HTML" but it only removes the Visual tab and does not really replace it with the HTML tab (like I have seen a friend of mine has).
Also I am currently using WP v. 3.7.1 and I have not update because I still had to learn what happens when one updates (does it screw up my site? I can't afford to screw it up).
Anyone have any idea of what I am doing wrong or how I can solve this?
Btw the different "products" are created individually under "Portfolio" but what I would like to edit is that first link page html. What I need to do is instead of having pictures in the "squares" and then text as ones mouse over them, the reverse.
I would appreciate it!
Can you try to login in Wordpress?
You should go to pages and search for the product page.
Then check the template part.
Go to your themes map again and search for that template.
Your code should be there.
This is my first comment. Hope it is helpfull.
I know that I can go and change my theme's style.css file to change the background color of my widget areas, or if I make a custom widget area, I can give that a specific class and thus a custom background image in the style.css, but I need to give the user control for a few widget areas.
I have searched and searched and have not found any relevant information. Does anybody have any idea how I could do this? I really don't know how to make a widget AREA customizeable, and I would really appreciate any pointers in the right direction or assistance that anyone can provide.
EDIT
To be clear, I know how to add a custom widget area to my site. I have no idea how to add a customizeable option to the widget area, rather than a custom widget. As far as I understand it, widget areas are a set thing, are they not? Any pointer to a theme that does this would be greatly appreciated, as all of my google searches only end up pointing me to how to create a custom widget area, rather than a customizeable widget area.
Check the following two links if it is helpful for you.
http://theme.fm/2011/06/tutorial-creating-a-twitter-widget-for-wordpress-91/
http://wp.tutsplus.com/tutorials/creative-coding/building-custom-wordpress-widgets/
My understanding of your question is that you are looking for a way to allow the client/admin to modify the widgets that are displayed on any given page/post (rather than modify the widgets themselves).
This is a problem I have tried various ways to solve, never adequately imo. First of all there's the option to create a widget area for each page dynamically. I've seen it in commercial themes, I've done it myself, it is not without it's problems as you can see here - Register new widget position moves existing widgets
There are plugins that can do this, again not without their drawbacks. This plugin;
http://www.codeandmore.com/products/wordpress-plugins/wp-page-widget/
http://wordpress.org/plugins/wp-page-widget/
Is great, I love it. BUT it does not work on custom page template, be aware (I've not looked at modifying to allow this, I've seen a post by the developers saying they have no intention of adding this).
There is this plugin - http://strategy11.com/display-widgets/ by the developer of the Formidable plugin, for me it makes the widget area far too complex if you have a lot of widgets and a lot of pages.
Finally there is what I ended up doing recently - using this code by Chris Coyier
http://digwp.com/2010/04/call-widget-with-shortcode/
To do my own custom code using the Wordpress function the_widget (http://codex.wordpress.org/Function_Reference/the_widget) to deploy certain widgets on a page by page basis.
Anyone know of a site that explains how WordPress created its appearances in WordPress (on the backend) I like how the navigation was created and I am trying to drill down to see what makes it tick but its a heck of a mess of code. Has anyone launched anything online that you know of explaining how these pieces were made? Maybe something cleaner.
If you are thinking about all the effects - collapsable menus, toggleable sidebar and draggable secions at the dashboard, you should really take a look at jQuery and jQuery UI. These frameworks will make a lot of this interaction really, really simple.