Author Icon Picture

This topic is: Resolved

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

Tagged: , ,

This topic contains 14 replies, has 3 voices, and was last updated by  Erick 1 year, 9 months ago.

  • Author
    Posts
  • #5687

    Erick
    Member
    Post count: 1018

    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

  • #5717

    Jacob
    Staff
    Post count: 2312

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #5894

    Erick
    Member
    Post count: 1018

    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.

  • #5906

    Max
    Staff
    Post count: 3150

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #6161

    Erick
    Member
    Post count: 1018

    Yay! Works perfectly but only changed the mobile picture. I also want to change it on desktop.

  • #6177

    Max
    Staff
    Post count: 3150

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #6206

    Erick
    Member
    Post count: 1018

    Nothing is changed. I even waited a couple of days to see if it would change eventually. Nada!

  • #6207

    Erick
    Member
    Post count: 1018

    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;
    }

    }
    }

  • #6243

    Max
    Staff
    Post count: 3150

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #6261

    Erick
    Member
    Post count: 1018

    I tried it like this and nothing

    @media (max-width: 1000px){.entry-header .entry-meta .avatar {
            width: 40px !important;
    }
    • This reply was modified 1 year, 10 months ago by  Jacob. Reason: wrap the code with code block
    • This reply was modified 1 year, 10 months ago by  Jacob. Reason: wrap the code with code block
  • #6299

    Jacob
    Staff
    Post count: 2312

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #6316

    Erick
    Member
    Post count: 1018

    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

  • #6404

    Max
    Staff
    Post count: 3150

    Hey there, You must be logged in to view this reply!

    Login | Register | Forgot Password?

  • #6405

    Erick
    Member
    Post count: 1018

    Nope. Nothing changed.

  • #6871

    Erick
    Member
    Post count: 1018

    Fixed by Jacob

    thank you

You must be logged in to reply to this topic.

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