Help with Manifest CSS Customization

• 

  lovemicla · Member · Nov 4, 2011 at 11:23 am

  • Copy link
  • Add topic to favorites

  Hi,

  I am new to wordpress and am having trouble making the following changes to my blog, which is currently using a manifest theme.
  – Adding my custom logo from my main webpage here (www.miclaphotography.com) to my wordpress blog.
  – Centering all text (even the text under photos)

  Thanks in advance for your help!

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

• 

  thesacredpath · Member · Nov 4, 2011 at 11:48 am

  • Copy link

  Give this a try and see how you like it and if it gets everything you want.

  #site-title {
  background: url("http://cdn.zenfolio.net/img/s11/v34/u334342309-73.png") no-repeat scroll center -40px transparent;
  height: 70px;
  }
  
  #site-title a {
  margin-left: -9999px;
  }
  
  .wp-caption-text {
  text-align: center !important;
  }

• 

  thesacredpath · Member · Nov 4, 2011 at 11:50 am

  • Copy link

  One suggestion since you are using so many photos per post, go to settings > reading and set your site to show perhaps only 1 post per page. I’m on a slower wireless internet service (under 1Mbps) and it took forever to load, and there are still many out there on the slower broadband – and even 56k modems.

• 

  lovemicla · Member · Nov 4, 2011 at 12:03 pm

  • Copy link

  That worked! How would I be able to widen the images again? They seem to have been reduced.

• 

  thesacredpath · Member · Nov 4, 2011 at 12:12 pm

  • Copy link

  Nothing we did would have narrowed your site from what you had it. Did you delete some of your CSS from the CSS edit window? All I see there is what I had given above.

• 

  lovemicla · Member · Nov 5, 2011 at 1:05 pm

  • Copy link

  Fixed it. Thank you so much for your help!!!

• 

  thesacredpath · Member · Nov 5, 2011 at 6:07 pm

  • Copy link

  You are welcome.

• 

  lovemicla · Member · Nov 12, 2011 at 12:22 am

  • Copy link

  Is there any easy way for me to change the entire background of the site to #747170 and all white font (including comments)? Kind of like my main site here: http://www.MiCLaPhotography.com/

• 

  gusdebike · Member · Nov 12, 2011 at 1:28 am

  • Copy link

  Hi Did you work out how to get rid of the white around your pictures ? Or change your back ground colour?

• 

  thesacredpath · Member · Nov 12, 2011 at 1:50 am

  • Copy link

  This will get you started on the background color although #747170 is not the background color of the site you referenced.

  body {
      background: #747170;
      color: #FFFFFF;
  }
  
  h5, #main-nav, h5 abbr {
  background: transparent;
  }

  Next copy the original stylesheet out and into a plain text file and then search for

  color:

  and then add the selectors and color declarations to your CSS and change the color code to #FFFFFF.

• 

  lovemicla · Member · Nov 12, 2011 at 2:56 pm

  • Copy link

  I was able to change everything except the image caption color. Any suggestions on this? Also, is there any way to pull in the exact same background from my http://www.miclaphotography.com site (with the same texture)? Thank you for being a huge help in getting my site up and running.

• 

  thesacredpath · Member · Nov 12, 2011 at 5:52 pm

  • Copy link

  I’m not seeing any image captions and since all of your tabs at the top go to your main site. Are you by chance talking about the widget titles which are a grey color?

• 

  thesacredpath · Member · Nov 12, 2011 at 5:57 pm

  • Copy link

  If it’s the widget titles you are talking about, they are here.

  .widget-title {
  color: #555555;
  }

  On the background, yes you can change that. Modify the background declaration in “body” so it is like this.

  body {
  background: url("http://cdn.zenfolio.net/zf/img/layout/presets/page-bg/drywall-white-image.png") repeat scroll 0 0 #000000;
  }

• 

  lovemicla · Member · Nov 13, 2011 at 2:11 pm

  • Copy link

  I was able to change the background… looks much better. You can now see the grey text that is not changing when I change the .widget-title color. All of my text colors are set to #FFFFFF

• 

  thesacredpath · Member · Nov 13, 2011 at 6:54 pm

  • Copy link

  The widget titles are white for me as is all the text on your site.

  Apparently you have copied, pasted the entire stylesheet into the CSS edit window, which can and usually does create problems.

  At wordpress.com, you do not “edit” the styesheet. What you do is to add only the specific selectors and the specific declarations that you are adding or changing to the CSS edit window and then your changes override the like declarations in the original stylesheet.

  Since you have done so much, don’t worry about changing it now, but do know that this can sometimes cause changes not to appear (something happens and the browser does not properly override all the individual changes).