How do i change font style/colour on Mixfolio with the Custom Upgrade

• 

  idcatlewis · Member · Sep 10, 2012 at 10:11 am

  • Copy link
  • Add topic to favorites

  I have purchased the Custom Design upgrade and it will not alow me to change the Font colour and size on Mixfolio, how can i do this?
  Blog url: http://idpromoauditions.wordpress.com/

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

• 

  idcatlewis · Member · Sep 10, 2012 at 10:12 am

  • Copy link

  I have purchased the Custom Design upgrade and it will not alow me to change the Font colour and size on Mixfolio, how can i do this?

• 

  teskaassociates · Member · Sep 11, 2012 at 8:27 pm

  • Copy link

  Agreed, I am having the same issue. I would like to reduce the size of the heading and welcome text on Mixfolio so that users don’t have to scroll down to see post content/featured images. I too have purchased the custom design upgrade. URL: http://lakevilla.wordpress.com/

• 

  teskaassociates · Member · Sep 11, 2012 at 9:02 pm

  • Copy link

  I figured out how to change the larger title font, above the welcome area (The iD Staffing Auditions). Within the Mixfolio stylesheet simply copy the below code and paste it into the CSS box on custom design. Then revise the font size as you see fit.

  .hero h2 {
  font-size: 64px;
  text-shadow: 1px 1px 2px #fff;

  Additionally, you can change the size of the header font at the very top of the page (under the spotlight) by editing the font size in the code below and updating the CSS:

  #branding .brand {
  float: left;
  display: block;
  padding: 8px 20px 12px;
  margin-left: -20px;
  color: #fff;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;

• 

  idcatlewis · Member · Sep 16, 2012 at 8:44 pm

  • Copy link

  Thanks – very useful!

  Do you know how to change the colour of the headings on the actual blog pages as well as the links? At the moment it is a light blue which is very hard to see against my background. Another alternative would be to change the background on the blog pages however it does not give me that option.

  Any ideas?

• 

  teskaassociates · Member · Sep 17, 2012 at 2:53 pm

  • Copy link

  Hi Cat,

  Change the color element in the css below (#2a85e8 = light blue) and upload the new info to your custom design css, this should solve your heading problem. I wasn’t able to figure out the link issue yet.

  }
  .entry-header .entry-title {
  color: #2a85e8;
  font-weight: bold;
  margin-bottom: 36px;

  To help understand what css codes apply to the different elements on your website, download the google chrome “inspect element” tool or Firebug if you’re using firefox. This will allow you to browse over page items and see what css is affecting them, making edits far easier.

• 

  idcatlewis · Member · Sep 17, 2012 at 2:57 pm

  • Copy link

  Thanks – that works :)

  I have figured out the link issue,

  a {
  color:#FF0099;
  text-shadow:8px 1px 8px #fff;
  font:Bold;
  padding:15px;
  }

  And for the hover link

  a:hover {
  color:#0099FF;