CSS to remove date on "Contributors" page increase size of title on Pages

• 

  malharmali · Member · Apr 3, 2017 at 3:34 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I am searching for the code that will allow me to remove the date on the “Contributors” page that I am creating for http://www.areomagazine.com

  Also the text seems quite small there. What is the code I can use to target it? Or, i’m assuming the code is already in there. Which one is it so that i can adjust the size?

  Thank you in advance for your help,,

  Malhar

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Apr 3, 2017 at 9:36 pm

  • Copy link

  Hi Malhar, I see you have added the following custom CSS to hide the date on the Contributors page.

  .page-id-11052 div.entry-meta {
  	display:none
  }

  As far as the text size, are you talking about for the page title (Contributors)? If so, this rule you have in your custom CSS is what is making it smaller.

  @media screen and (min-width: 900px) {
  	h1.entry-title {
  		font-size:14px
  	}
  }

  If you need the above rule for other things, we can specifically override that rule using the unique page id CSS class from the body html tag like this.

  @media screen and (min-width: 900px) {
  	.page-id-11052 h1.entry-title {
  		font-size: 40px;
  	}
  }

• 

  malharmali · Member · Apr 4, 2017 at 4:27 pm

  • Copy link

  Dear Happiness Engineer:

  Thank you! I used the override code!

• 

  malharmali · Member · Apr 4, 2017 at 4:27 pm

  • Copy link

  Dear Happiness Engineer:

  Thank you! I used the override code!

• 

  thesacredpath · Member · Apr 4, 2017 at 10:27 pm

  • Copy link

  You are welcome.

• 

  malharmali · Member · May 6, 2017 at 7:48 pm

  • Copy link

  Hello,

  I’m trying to find the CSS code which allows me to control the font size on the mobile version of my website. I know the css code is in there already somewhere but i can’t seem to adjust it appropriately.

  Could you direct me to which one it is?

• 

  dcoleonline · Staff · May 8, 2017 at 4:23 pm

  • Copy link

  Hi there,

  Are you referring to the size of your paragraphs?

  If so, you can use this :

  /* Set paragraph font size for mobile devices */
  
  @media screen and (max-width: 899px) {
      p {
          font-size: 16px;
      }
  }

  That will keep the paragraphs the same size as they are now on mobile, but you can adjust the number 16 up or down until the font is the size you prefer. It will not affect larger screens like desktops.