Custom Css Not Changing Desktop

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 12 replies, has 3 voices, and was last updated by  Erick 1 year, 9 months ago.

  • Author
    Posts
  • #6640

    Erick
    Member
    Post count: 1018

    I dont seem to be able to fix this problem where basically every single code I input in custom CSS changes only small screens but it doesnt changes the bigger screens. How come this is happening? I have added !important at the end of almost every code and still NOTHING. 🙁

  • #6661

    Max
    Staff
    Post count: 3150

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

    Login | Register | Forgot Password?

  • #6689

    Erick
    Member
    Post count: 1018

    Tried this. Didn’t work

    /* Custom CSS*/  
    
    @media (max-width: 1000px){
    .main-navigation ul.menu>li.site-mobile-menu-logo{
    	width: 103.5%;
    	text-align: center;
    	padding: 0px 13px 13px 7px;
    
    }
    .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-content[role="main"]>article.post {
    	padding-top: 30px;
    	padding-bottom: 0px;
    }
    
    html body .site-content article .entry-title a{
    	font-size: 110% !important;
    }
    
    html body .single-post .site-content article h1.entry-title{
    	text-align:center !important;
    }
    
    html body .entry-title{ text-align:center !important; 
    }
    
    add_filter( 'post_thumbnail_size', 'filter_post_thumbnail_size_jan132014' );
    function filter_post_thumbnail_size_jan132014( $size ){
    	if( wp_is_mobile() )
    		$size = 'medium';
    	return $size;
    }
    
    html body .site-hero .with-cmt{
    	display:none !important;
    }
    
    .widget-area .widget-title,
    #site-hero h2.entry-title{
    	text-align: center;
    }
    
    html .site-hero .hero-brick:hover .entry-thumbnail img{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    }
    
    html body .entry-header .entry-meta .avatar{ display:none !important;}
    
    @media (max-width: 991px){
    
    	.single-post .site-content article h1.entry-title {
    		font-size: 35px;
    	}
    }
    
    }
    }
  • #6691

    Erick
    Member
    Post count: 1018

    I just need a few things done.

    1. Get rid of the author picture on desktops (since its already working on mobile)

    2. Shorten the spaces between the posts on desktops (since its already working on mobile)

    3. Center ALL titles in the sidebars and in the posts located in homepage as well as the single posts on desktops (since its already working on mobile)

    4. add the category at the top of the titles in the homepage and in single post, like elefant.es and womenlovetech.com

    Basically make the desktop version look like my mobile version already looks. except for the categories showing at the top of the titles.

    Thats it! We are already done. Its the last step.

  • #6697

    Jacob
    Staff
    Post count: 2312

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

    Login | Register | Forgot Password?

  • #6702

    Erick
    Member
    Post count: 1018

    So thats what has been blocking the Css from changing anything in bigger screens?

  • #6707

    Jacob
    Staff
    Post count: 2312

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

    Login | Register | Forgot Password?

  • #6742

    Erick
    Member
    Post count: 1018

    lol all the code that I have was given by you guys 🙂 btw I deleted what you told me to delete but I still dont see any change in the desktops

  • #6757

    Max
    Staff
    Post count: 3150

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

    Login | Register | Forgot Password?

  • #6766

    Erick
    Member
    Post count: 1018
    This reply has been marked as private.
  • #6818

    Erick
    Member
    Post count: 1018
    This reply has been marked as private.
  • #6850

    Jacob
    Staff
    Post count: 2312

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

    Login | Register | Forgot Password?

  • #6866

    Erick
    Member
    Post count: 1018

    Thank you so much Jacob!

    I can’t thank you enough for all your help.

    Ps so where the brackets the error that wasn’t letting me change the css style?

    • This reply was modified 1 year, 9 months ago by  Erick.
    • This reply was modified 1 year, 9 months ago by  Erick.

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!