Custom Css Not Changing Desktop

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

Status: resolved

Tagged: 

  • This topic has 12 replies, 3 voices, and was last updated 5 y, 7 mo by  Erick.
Viewing 12 reply threads
  • Author
    Posts
    • #6640

      Erick
      Member

      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

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

      Login | Register | Forgot Password?

    • #6689

      Erick
      Member

      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

      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

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

      Login | Register | Forgot Password?

    • #6702

      Erick
      Member

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

    • #6707

      Jacob
      Staff

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

      Login | Register | Forgot Password?

    • #6742

      Erick
      Member

      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

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

      Login | Register | Forgot Password?

    • #6766

      Erick
      Member
      This reply has been marked as private.
    • #6818

      Erick
      Member
      This reply has been marked as private.
    • #6850

      Jacob
      Staff

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

      Login | Register | Forgot Password?

    • #6866

      Erick
      Member

      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 5 y, 7 mo by  Erick.
      • This reply was modified 5 y, 7 mo by  Erick.
Viewing 12 reply threads
  • You must be logged in to reply to this topic.

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

© Copyright 2020 by wpthms.com. All Rights Reserved.