Vertical menu active link styling...

I have a simple vertical menu, here's the CSS:

.gradientmenu{
	list-style-type: none;
	margin: 125px 0;
	padding: 0;
	width: 160px;
}
 
.gradientmenu li a:link, li a:visited  {
	border-radius: 20px;
    background: #17988a; 
    background: -webkit-linear-gradient(#17988a, #a7f9f0);
    background: -o-linear-gradient(#17988a, #a7f9f0); 
    background: -moz-linear-gradient(#17988a, #a7f9f0);
    background: linear-gradient(#17988a, #a7f9f0);
	font: Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.0em;
	color: #fbf4da;
	line-height: 0.8em;

Changing hover menu to OnClick menu.

I am trying to change my vertical drop down menu to OnClick instead of mouse hover, but I can't find what to change. Here is my code:

<style type="text/css">
   * {
  margin: 0px;
  padding: 0px;
 
}
 
nav {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.5;
  margin: 50px auto; /*for display only*/
  width: 150px;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
 
.menu-item {
  background: #fff;
  width: 150px;
}

Inline Style Code for Background Image

Hi!

I have a JPG image in “IMAGES/SCHOOLS/Yale.jpg”. The image is 1,500 (width) by 250 (height).

What is the inline style code to completely fill the background of an HTML table with the above-referenced image? The table spans across the entire screen.

Thank you!

Dr. T

Unable to Change Weebly Blog Comment Colors

I am having a similar issue to this person: https://csscreator.com/topic/blog-comment-heading-font-color-weebly-site

The difference is that mine is the opposite issue (font is showing up white on a white background) and my code appears different than the original question above so I was not able to reach a resolution from those instructions. For those who don't want to read the other post here is a quick summary of my problem:

Text in div looks fine on desktop but screwy on mobile

Hi there! Smile

I've got some paragraphs and an unordered list inside a green div that looks fine on desktop but the font is oddly sized on mobile. Here are comparison screenshots:

Desktop screenshot - looks the way I want it
Mobile screenshot - screwy font size

The page in question is here. To reach the part with the green div, unfortunately you have to click "Continue" 36 times to get your result. Sexy (If I do say so myself, it's a fun test though! Party )

Syndicate content