Pages getting posted "under" the menu

You have to adjust your CSS.

You may need to clear a float before displaying the links.

You will get better help if you post a URL to the site

https://www.letskillsometime.com

Im a novice but I downloaded firebug and checked it and I cannot seem to find an option to adjust height or anything. Which I assume should be auto adjusted depending on how manny pages you add like All the other widgets. Besides the “custom menu” one.

the archives above it for example adjusts it to fit one page.. and if you add another one it adjusts to that..

Seems to be a float issue. Any easy solutions/explination? Im reading about it and getting confused.

“d) That was my ‘current state of play’ until last week when SitePoint Forum’s own CSS Guru, Paul O’Brien, nonchalantly pointed out that adding a ‘overflow:auto’ to the outer DIV did the trick.”

Dont know how to try that..

Hi

I see a line in your widget code like this
<div class="widget-foot"></div>

Either change it to this
<div class="widget-foot" style="clear: left;"></div>

or if you can’t find it, in your stylesheet,
find .widget-foot and add clear: left; to that section.

if there’s no such line add a new one at the bottom of your stylesheet.
.widget-foot { clear: left; }

I see it displayed exactly as you want it after I added clear: left in Firebug.

Floats are one of the most complicated parts in CSS. It takes everyone a while to figure them out.

Learning about Firebug is a good idea.

I appriciate your help.

I tried editing the “widget foot” in firebug with your new line but it didnt seem to do anything..

what did I do wrong?

https://i53.tinypic.com/24b8zl2.jpg

Its working here – see https://mountainwebdev.com/tmp/killtime.jpg

One thing I see is the word style in your firebug code is in red. That means something is wrong. Look at my image – you see its in blue. Make sure you used the right double quotes to close the “class” attribute

Now the code looks exactly like your code at least with my eyes (I just copied and pasted the entire thing right away first time lol) but still no change. what did I do wrong this time?

https://i55.tinypic.com/291gj2f.jpg

you left the colon out after clear should be clear:

I finally did it thank you Sir.

Now I just need to find it at apparence, do you know the .php template so I can chose it in the tmplate at the right of the page?

and how to determine the correct .php template is firebug?

I’m sorry, I don’t understand your question.

I think you will find it easier to add it to your stylesheet.

try
#nav_menu-5 .widget-foot { clear: left; }

your theme has both
/wp-content/themes/easel/style.css
and
/wp-content/themes/easel/style-default.css

Put that line at the end of the file.

I was asking how to find the thing I changed in fireplug in the actual apparence > editor.

I tried adding #nav_menu-5 .widget-foot { clear: left; } at the end of

Stylesheet
(style.css)
style-default.css
(style-default.css)
but nothing happened..

and to the right in the editor section there is .php files which looks like what I edited in fireplug, so I wondered if what I edited in fireplug could be found in a speicifc template =)

The code you are changing in Firebug is in a widget, not in any PHP file

In the Dashboard menu, under Appearance, select Widget and see if the code is in one of the widgets. If not you will have to add it to the stylesheet. (that is, if the widget is generating the HTML you may not have access to the code to add the clear: left directly in the code)

How do I check the code of widgets? Im in the widget section and there is a bunch of widgets obviously but the only option is to drag them around and such, not look at codes and change codes?

That is what I was referring to. If its a text widget there is code in it you can modify. if its a Recent Posts widget or a Category widget or similar you have no access to the code. Then you have to apply the styling in the stylesheet.

You can open a live widget by clicking on it header. If you see code you can change it. Otherwise if its a form that says how many posts do you want to display you can’t change the code – so modify the stylesheet.