Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 383
  • Last Modified:

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
0
geeta_m9
Asked:
geeta_m9
  • 2
  • 2
1 Solution
 
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
 
COBOLdinosaurCommented:
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
 
geeta_m9Author Commented:
Noted. Thanks.
0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now