Arcade Theme- CSS Changes

• 

  sanjay586 · Member · Dec 22, 2016 at 2:17 am

  • Copy link
  • Add topic to favorites

  How to change position, style and font size of the site title on Home page?
  How to change positon, style and font size of the site tagline on Home page.
  How to hide and display title and tagline on subpages?

  How I can remove READ MORE box on the home page?

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

• 

  sanjay586 · Member · Dec 22, 2016 at 2:22 am

  • Copy link

  Also why my site does not say http://www.destinationpinned.com.
  there is no www in the URL.

• 

  thesacredpath · Member · Dec 22, 2016 at 10:58 pm

  • Copy link

  Hi there, on the www, no mapped domain at WordPress.com will have the www subdomain. If someone includes the www in the URL to go to your site, it will automatically redirect to the your site. The trend over the past several years has been to move away from that.

  On position of the title and tagline, the design of the header area on Arcade is a bit complex, so can you let me know how you are wanting to position things? The reason I ask is to make sure that the code I give you doesn’t cause other issues on smaller screens/windows.

• 

  sanjay586 · Member · Dec 23, 2016 at 7:59 pm

  • Copy link

  I want smaller font size of both Title and Tagline.
  Also, I want to hide Title and Tagline on subpages.

• 

  thesacredpath · Member · Dec 23, 2016 at 9:17 pm

  • Copy link

  Thanks for the clarification. On the title and tagline size, your tagline appears quite tiny right now, but add the following to your custom CSS and you can adjust the sizes as desired. I also included the top margin CSS rule for the tagline incase you wish to decrease the space between the title and tagline, which seems a bit excessive. All values in the below are what they are by default.

  .only-on-home.no-fittext #site-title a {
  	font-size: 120px;
  }
  #site-description.margin-top {
  	margin-top: 50px;
  }
  .wf-active #site-description {
  	font-size: 12.6px
  }

  On hiding the site title and tagline on all pages but the home page, add the following.

  body:not(.home).page #site-title, body:not(.home).page #site-description {
  	visibility: hidden;
  }