Topic: Author Icon Picture

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

Status: resolved

Tagged: author icon picture

This topic has 14 replies, 3 voices, and was last updated 6 y by Erick.

Viewing 14 reply threads

Author
Posts
- December 12, 2014 at 9:17 pm #5687
  
  Erick
  Member
  Is there a way to make the picture of the author located in the small icons bigger? what code do i need to make it at least double the size.
  Thanks
- December 16, 2014 at 3:51 am #5717
  
  Jacob
  Staff
  Hey there, You must be logged in to view this reply!
  Login | Register | Forgot Password?
- January 1, 2015 at 1:37 am #5894
  
  Erick
  Member
  haha Jacob I like your expressions “excuse me, dude”. I mean the post meta info picture that shows in the home page. I was just wondering if there was a way to make it a little bit bigger.
- January 1, 2015 at 6:23 pm #5906
  
  Max
  Staff
  Hey there, You must be logged in to view this reply!
  Login | Register | Forgot Password?
- January 16, 2015 at 6:20 pm #6161
  
  Erick
  Member
  Yay! Works perfectly but only changed the mobile picture. I also want to change it on desktop.
- January 16, 2015 at 6:44 pm #6177
  
  Max
  Staff
  Hey there, You must be logged in to view this reply!
  Login | Register | Forgot Password?
- January 18, 2015 at 12:33 pm #6206
  
  Erick
  Member
  Nothing is changed. I even waited a couple of days to see if it would change eventually. Nada!
- January 18, 2015 at 12:35 pm #6207
  
  Erick
  Member
  This is how my whole css looks
  @media (max-width: 1000px){
  .main-navigation ul.menu>li.site-mobile-menu-logo{
  width: 102%;
  text-align: center;
  padding: 1px 8px 8px 2px;
  }
  .main-navigation ul.menu > li.site-mobile-menu-toggle{
  position: absolute;
  background: transparent;
  left: 0px;
  z-index: 1;
  }
  .main-navigation ul.menu>li.menu-item-gsearch{
  position: absolute;
  right: -5px;
  z-index: 1;
  }
  html .site-banner .site-logo img{
  width: auto;
  height: 40px;
  max-width: 100%;
  padding-bottom: 3px;
  }
  .site-hero.style-mixed-color-gradient .hero-brick .entry-thumbnail:before {
  opacity:.0;
  filter: alpha(opacity=40);
  }
  .entry-header .entry-meta .avatar {
  width: 40px !important;
  }
  .site-content[role=”main”]>article.post {
  padding-top: 30px;
  padding-bottom: 15px;
  }
  }
  }
- January 19, 2015 at 6:36 pm #6243
  
  Max
  Staff
  Hey there, You must be logged in to view this reply!
  Login | Register | Forgot Password?
- January 19, 2015 at 9:42 pm #6261
  Erick
  Member
  I tried it like this and nothing
```
@media (max-width: 1000px){.entry-header .entry-meta .avatar {
        width: 40px !important;
}
```
  - This reply was modified 6 y, 1 mo by Jacob. Reason: wrap the code with code block
  - This reply was modified 6 y, 1 mo by Jacob. Reason: wrap the code with code block
- January 21, 2015 at 9:12 am #6299
  
  Jacob
  Staff
  Hey there, You must be logged in to view this reply!
  Login | Register | Forgot Password?
- January 21, 2015 at 5:51 pm #6316
  Erick
  Member
  This is what I tried and did not change anything.
```
/* Custom CSS*/  

@media (max-width: 1000px){
.main-navigation ul.menu>li.site-mobile-menu-logo{
	width: 103.5%;
	text-align: center;
	padding: 1px 11px 11px 1px;

}
.main-navigation ul.menu > li.site-mobile-menu-toggle{
	position: absolute; 
	background: transparent;
	left: 0px;
	z-index: 1;
}
.main-navigation ul.menu>li.menu-item-gsearch{
	position: absolute;
	right: -5px;
	z-index: 1;
}

html .site-banner .site-logo img{
	width: auto;
	height: 40px;
	max-width: 100%;
	padding-bottom: 3px;
}

.site-hero.style-mixed-color-gradient .hero-brick .entry-thumbnail:before {
opacity:.0;
filter: alpha(opacity=40);
}

<strong>@media (max-width: 1000px){
.entry-header .entry-meta .avatar {
        width: 40px !important;
}
}</strong>
 
.site-content[role="main"]>article.post {
	padding-top: 30px;
	padding-bottom: 15px;
}

.single-post .site-content article h1.entry-title{
	text-align: center;
}

@media (max-width: 991px){

	.single-post .site-content article h1.entry-title {
		font-size: 35px;
	}
}

}
}<code></code>
```
  which i assume is suppose to be like
```
/* Custom CSS*/  

@media (max-width: 1000px){
.main-navigation ul.menu>li.site-mobile-menu-logo{
	width: 103.5%;
	text-align: center;
	padding: 1px 11px 11px 1px;

}
.main-navigation ul.menu > li.site-mobile-menu-toggle{
	position: absolute; 
	background: transparent;
	left: 0px;
	z-index: 1;
}
.main-navigation ul.menu>li.menu-item-gsearch{
	position: absolute;
	right: -5px;
	z-index: 1;
}

html .site-banner .site-logo img{
	width: auto;
	height: 40px;
	max-width: 100%;
	padding-bottom: 3px;
}

.site-hero.style-mixed-color-gradient .hero-brick .entry-thumbnail:before {
opacity:.0;
filter: alpha(opacity=40);
}

@media (max-width: 1000px){
.entry-header .entry-meta .avatar {
        width: 40px !important;
}

.site-content[role="main"]>article.post {
	padding-top: 30px;
	padding-bottom: 15px;
}

.single-post .site-content article h1.entry-title{
	text-align: center;
}

@media (max-width: 991px){

	.single-post .site-content article h1.entry-title {
		font-size: 35px;
	}
}

}
}
```
  either way is not working
- January 24, 2015 at 5:26 pm #6404
  
  Max
  Staff
  Hey there, You must be logged in to view this reply!
  Login | Register | Forgot Password?
- January 24, 2015 at 6:08 pm #6405
  
  Erick
  Member
  Nope. Nothing changed.
- February 10, 2015 at 8:37 am #6871
  
  Erick
  Member
  Fixed by Jacob
  thank you
Author
Posts