MH MAGAZINE THEME – CSS Support Needed

• 

  awesomeajuniverse · Member · Sep 6, 2014 at 9:14 am

  • Copy link
  • Add topic to favorites

  Hello WP TEAM,

  Recently I got MH MAGAZINE theme and I must say this is an awesome theme available on WP. Thanks a zillion.

  I need following help, may be you have to provide me CSS coded for these and I have CSS upgrade so I will able to do it. so here we go:

  1. I want to change the color of main menu, background of spotlight box and the background of footer. I want the same color for all these.

  2. I want to change the header color from white to some other color.

  3. In the header the website title & tagline is coming at left corner, can I bring them to center.

  4. I would like to change the font size and stale of the website title and tagline in the header.

  5. I would like to change font and size of the main menu and top menu and navigation menu below main menu.

  6. I would like to increase the font size and font style of the body text of all post and pages. I want a bigger font for easy reading of my reader.

  7. want to hide the tags display below the post.

  Thank You for your support looking forward to your reply. I wanted to implement all these in this blog : http://www.awesomeaj.com

  Please guide me on the above need.

  Thank You

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

• 

  pcosta88 · Member · Sep 6, 2014 at 11:29 am

  • Copy link

  1. Color of Main Menu:

  .main-nav {
      background: none repeat scroll 0 0 #ff0000;
      text-transform: uppercase;
  }

  Whereas #ff0000 (red) is where you would put your color selection
  Background of Spotlight Box:

  .spotlight {
      background: none repeat scroll 0 0 #ff0000;
      color: #ebebeb;
      padding: 20px;
      position: relative;
  }

  Where as #ff0000(red) is where you would put your color selection

  Background of footer:

  footer {
      background: none repeat scroll 0 0 #ff0000;
      font-size: 0.8125rem;
      padding: 1.25rem;
  }

  Whereas #ff0000 (red) is where you would put your color selection

• 

  awesomeajuniverse · Member · Sep 7, 2014 at 10:10 am

  • Copy link

  Thanks a zillion Pcosta for the Help .. Thanks a zillion. Please help with the following:

  1. I want to change the header color from white to some other color.

  3. In the header the website title & tagline is coming at left corner, can I bring them to center. Also, I would like to change the font size and style of the website title and tagline in the header.

  4. I would like to change font and size of the main menu and top menu and navigation menu below main menu.

  5. I would like to increase the font size and font style of the body text of all post and pages. I want a bigger font for easy reading of my reader.

• 

  pcosta88 · Member · Sep 7, 2014 at 11:03 am

  • Copy link

  Hello!
  1.

  .header-wrap {
      background: none repeat scroll 0 0 #ff0000;
  }

  Whereas #ff0000(red) is where you would put your color selection

  2.

  .logo-name {
      border-bottom: 3px solid #000000;
      margin-left: 300px
      text-shadow: 1px 2px 5px #969696;
      text-transform: uppercase;
  }

  Where as margin-left: 300px is the code needed with 300px as your margin selector

  and for the tagline

  .logo-desc {
      font-size: 0.875rem;
      font-weight: 400;
      margin-left: 300px;
  }

  Whereas margin-left: 300px with 300px as your margin-selector

  For font size use the following code:

  font-size: 25%

  Whereas font-size is the code and 25% the selector

  See also:
  http://www.w3schools.com/cssref/pr_font_font-size.asp

  and

  Font-family: "Times New Roman"

  With font-family the code and “Times New Roman” the selector.

  See also: http://www.w3schools.com/cssref/pr_font_font-family.asp

  Note: Keep the font-family a simple and generic one as not all browsers may support a custom font.

• 

  thesacredpath · Member · Sep 30, 2014 at 4:21 pm

  • Copy link

  Hi there, for the site title I see you have incorporated that into your header image.

  On the body text size, I’m seeing a larger font on single posts and pages. I see you used this CSS to do that:

  p {
      font-size: 125%;
  }

  I do not see much of the above changes @pcosta88 listed in your custom CSS. Are you having problems with this? Is there anything else we can help you with?

• 

  awesomeajuniverse · Member · Oct 4, 2014 at 4:28 pm

  • Copy link

  Thank You .. I have use the font size of 125% ..but I couldnt get the “@pcosta88 ” listed sentence.. i dont thing its there in my CSS.

• 

  thesacredpath · Member · Oct 7, 2014 at 2:09 am

  • Copy link

  Which of @pcosta88’s instructions didn’t you get to work and I’ll see what I can do for you?