Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • I agree. One theme fix would just be to add bottom margin, but I’ve outlined two possible solutions below:

    Option A:
    Add margin to the existing code: If you go to style.css and look at line 444, add a line for 10px margin on the bottom, so that the code appears as so:

    .social-menu a {
    	background: rgba( 255, 255, 255, 0.1 );
    	border-radius: 50%;
    	color: #fff;
    	display: block;
    	height: 40px;
    	position: relative;
    	text-decoration: none;
    	transition: background-color .2s linear, color .2s linear;
    	width: 40px;
    	margin: 0 0 10px 0;
    }

    Option B:
    Change the height and width of the social icons there so that they line up on a single line. Example below:

    .social-menu a {
    	background: rgba( 255, 255, 255, 0.1 );
    	border-radius: 50%;
    	color: #fff;
    	display: block;
    	<strong>height: 50px;</strong>
    	position: relative;
    	text-decoration: none;
    	transition: background-color .2s linear, color .2s linear;
    	width: 50px;
    }
    • This reply was modified 6 years, 11 months ago by acroom.

    I agree. One theme fix would just be to add bottom margin, but I’ve outlined two possible solutions below:

    Option A:
    Add margin to the existing code: If you go to style.css and look at line 444, add a line for 10px margin on the bottom, so that the code appears as so:

    .social-menu a {
    	background: rgba( 255, 255, 255, 0.1 );
    	border-radius: 50%;
    	color: #fff;
    	display: block;
    	height: 40px;
    	position: relative;
    	text-decoration: none;
    	transition: background-color .2s linear, color .2s linear;
    	width: 40px;
    	<strong>margin: 0 0 10px 0;</strong>
    }

    Option B:
    Change the height and width of the social icons there so that they line up on a single line. Example below:

    .social-menu a {
    	background: rgba( 255, 255, 255, 0.1 );
    	border-radius: 50%;
    	color: #fff;
    	display: block;
    	<strong>height: 50px;</strong>
    	position: relative;
    	text-decoration: none;
    	transition: background-color .2s linear, color .2s linear;
    	<strong>width: 50px;</strong>
    }

    If students discourage site indexing then the site won’t populate. You’ve probably figured this out by now but wanted to let you know I was having the same problem and figured out the solution!

Viewing 3 replies - 1 through 3 (of 3 total)