Would like to adjust the CSS so that menu displays better

I am trying to adjust the options in the "resources" menu (see attached) so that there is a blank line above "alumni". However, I am not sure how to do it. I believe the menu is structured as a table and the part relating to that is in the table.schedule class towards the end of the file. I have also attached the CSS file.

I would appreciate any help.

Thanks.
Picture-1.png
global.css
geeta_m9Asked:
Who is Participating?
 
COBOLdinosaurConnect With a Mentor Commented:
in the global.css add this rule:

.page-item-232, .page-item-249 {padding-top:1em;}

That should solve the problem, but the code is very messy and the HTML validator reports structural errors so I have no idea if that will break something else on the site.  The technical quality of the code is such that I waould say it is long past the point where it should be cleanup, revised and brought up to current standards.  Maintenance is just going to get increasingly difficult if the code is allowed to remain as it is.

Cd&
0
 
COBOLdinosaurCommented:
<long_response>
CSS gets applied to structural components of the markup.  Therefore trying to determine how to change the layout requires access to the markup. Without a link all we can do is guess that there is a change in padding, margin, positioning, or some other property for some element in the page.  Given the mediocre CSS, and a lack of detail;  the chances of getting it right are probably about the same as the chances of threading a needle while wearing boxing gloves and a blindfold.
</long_response>

<short_response>
Please post a link so we can see context.  
<short_response>
0
 
geeta_m9Author Commented:
Here is the link: http://www.saiprograms.com

Click on the "resources" option on the menu at the top.
0
 
geeta_m9Author Commented:
Noted. Thanks.
0
All Courses

From novice to tech pro — start learning today.