AMAZIIIIING DOTTT!!!!

This topic is: Resolved

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

This topic contains 19 replies, has 4 voices, and was last updated by  Jacob 1 year, 9 months ago.

  • Author
    Posts
  • #6833

    Erick
    Member
    Post count: 1018

    I was going through elefant.es theme just browsing and I noticed something really really sick.

    check this out

    this is the code I tried but didnt work

    .last-child:after {display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    margin: 0 -.5em 0 .5em;
    width: 12px;
    height: 12px;
    background: #3ECBBF;
    content: “”;
    }`

    https://www.dropbox.com/s/ysya8gq6t2t1m87/Screenshot%202015-02-09%20at%2010.png?dl=0

    https://www.dropbox.com/s/n9u3zz1a0jwgelt/Screenshot%202015-02-09%20at%2010.jpg?dl=0

    https://www.dropbox.com/s/ecoa4h5bxzoi728/Screenshot%202015-02-09%20at%2010.44.57%20PM.png?dl=0

  • #6853

    Jacob
    Staff
    Post count: 2312

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

    Login | Register | Forgot Password?

  • #6857

    Erick
    Member
    Post count: 1018

    Thank you Jacob!!! Worked perfectly.

  • #6958

    Erick
    Member
    Post count: 1018

    I was wondering if there is a way to make the amazing dot to also appear at the end of the posts? Right now if only shows on pages and in the homepage. It’s there a way to add it to the posts?

  • #6959

    Erick
    Member
    Post count: 1018
  • #7033

    Erick
    Member
    Post count: 1018

    Its pretty weird that it does appear on pages but not in post. Any ideas Jacob? If not its fine, its only a dot, but it’ll be awesome to add it to the end of posts.

  • #7050

    Max
    Staff
    Post count: 3150

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

    Login | Register | Forgot Password?

  • #7057

    Erick
    Member
    Post count: 1018

    OH I see, Cresta plugin was stopping the code. But Since I really like the cresta plugin I will keep it as is. So I deleted the extra code you added and everything is back to normal 🙂

    Thank you maxxi!

    I had a question about some of the css code. I have some lines that have double ending brackets. Its this okay?

    .entry-header .entry-meta .avatar{ 
    		display: none;
    	}
    
    }
    
    @media (max-width: 991px){
    	.single-post .site-content article h1.entry-title {
    		font-size: 40px;
    	}
    }

    Eveything works perfect but I was just wondering if they should only have one ending bracket.

  • #7080

    Jacob
    Staff
    Post count: 2312

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

    Login | Register | Forgot Password?

  • #7403

    Erick
    Member
    Post count: 1018

    So all this code goes together?

    @media (max-width: 991px){
    	.main-navigation ul.menu>li.site-mobile-menu-logo{
    		width: 170%;
    		text-align: center;
    		padding: 0px 10px 10px 5px;
    	}
    
    	.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-banner {
    	min-height: 45px;
    }
    
    .main-navigation ul.menu>li {
    	padding:0px 15px;
    }
    
    .site-banner .site-logo img {
    	max-height: 200%;
    }
    
    .site-header .site-top-menu {
    	background-color: white;
    }
    
    .site-header .site-top-menu a {
    	color: #2b2b2b;
    }
    
    .site-header .main-navigation .menu li.current-menu-item > a {
    	color: black;
    }
    
    html .site-content[role="main"]>article.post{
    	padding-top: 18px;
    	padding-bottom: 0px;
    }
    
    .single-post .site-content article h1.entry-title{
    		text-align: center;
    	}
    
    .entry-title{ 
    		text-align:center !important; 
    	}
    
    .entry-header .entry-meta .avatar{ 
    		display: none;
    	}
    
    }

    If this is true. No wonder why I was having trouble with “http://wpthms.com/support/topic/post-meta-author-image/” post. It was displaying in large images because it was not affecting anything above 991px

    I have a feeling it might only be this code that is wrong

    .entry-header .entry-meta .avatar{ 
    		display: none;
    	}
    
    }

    Should be in my opinion

    .entry-header .entry-meta .avatar{ 
    		display: none;
    }
  • #7427

    dermans
    Member
    Post count: 27

    Eric are you adding that code to the custom CSS? cause is not working for me.
    This is my custom css:
    /* Custom CSS*/
    .form-allowed-tags {
    display: none;
    }
    .entry-header .entry-meta .avatar{
    display: none;
    }

    }

    @media (max-width: 1000px){
    .single-post .site-content article h1.entry-title {
    font-size: 40px;
    }
    }

  • #7430

    Erick
    Member
    Post count: 1018

    It has to be like this

    .entry-header .entry-meta .avatar{ 
    		display: none;
    }

    I corrected last night and nothing got broken so it must work lol

  • #7443

    dermans
    Member
    Post count: 27

    hmm it’s not working for me. Where did you see this dont anyways?

  • #7482

    Max
    Staff
    Post count: 3150

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

    Login | Register | Forgot Password?

  • #7523

    dermans
    Member
    Post count: 27

    Still not working for me, am i doing sth wrong here?
    This dot should be appearing by itself at the end of every article right? Also it should appear on front site at end of main articles titles right?

  • #7547

    Jacob
    Staff
    Post count: 2312

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

    Login | Register | Forgot Password?

  • #7556

    dermans
    Member
    Post count: 27
  • #7585

    Jacob
    Staff
    Post count: 2312

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

    Login | Register | Forgot Password?

  • #7612

    dermans
    Member
    Post count: 27

    So what should i do to make it ? What does it even mean Ptag? i am not a coder sorry 🙂

  • #7646

    Jacob
    Staff
    Post count: 2312

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

    Login | Register | Forgot Password?

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!