Archived

This topic is now archived and is closed to further replies.

  • 0

How can I do different header style


Question

Posted · Report post

Hi there,

 

I want to set up headers only for HomePage

Widget - <h3 class="widget-title"></h3>

PageTitle - <h1 class="entry-title pagetitle"></h1>

 

I need to remove from other pages.

 

Usual I just create a new php template and do a little bit php coding, but here I can't find template php..

 

Help!

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

ok I solved by ContentBox, just paste CSS code here and I turned off all title on this page.

 

Thank you!

Share this post


Link to post
Share on other sites

Posted · Report post

 

Hi there,

 

I've just tested with the below and it's worked. You'll need to put in a display value for the top piece of code.

a.site-title {
  display: none;}

.alpha a.site-title {
  display:block;
  color:blue;}

 

nope, it's show the same title everywhere.. what about this code .hentry .entry-title?

Share this post


Link to post
Share on other sites

Posted · Report post

You would do it like this:

 

 

.alpha .entry-title, .alpha .widget-title,
.beta .entry-title, .beta .widget-title,
.default .entry-title, .default .widget-title {
display: none;
}

I have already tested the code and can confirm it works.

Share this post


Link to post
Share on other sites

Posted · Report post

 

You would do it like this:

 

 

.alpha .entry-title, .alpha .widget-title,
.beta .entry-title, .beta .widget-title,
.default .entry-title, .default .widget-title {
display: none;
}

I have already tested the code and can confirm it works.

 

 

I don't know why?

but when I try this code, everywhere my title look like this

 

Screen-Shot-2013-04-18-at-7.22.39-AM.png

 

 

How this code is work, if I need change just the home page title and other pages just do display: none
 
.alpha .entry-title, .alpha .widget-title,
.beta .entry-title, .beta .widget-title,
.default .entry-title, .default .widget-title {
display: none;
}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there, we don't advise editing core files as the changes you make will be wiped on update.

 

You could use css to achieve this. The home page has it's own class .home you could use that to set those items to display on the home page and then set them to display:none throughout the rest of the site.

 

However if you're comfortable with php and want to use that as a solution you could try using a wordpress hook/filter otherwise.

Share this post


Link to post
Share on other sites

Posted · Report post

ok I got it with widget titles.

 

but with separate page titles nothing,

 

I know they have different css:

 

Template | Default = .default .page-template-default
Template | 1 = .alpha .page-template-page-alpha-php
Template | 2 = .beta .page-template-page-beta-php
Template | 3 = .gamma .page-template-page-gamma-php
Template | 4 = .delta .page-template-page-delta-php
Template | 5 = .epsilon .page-template-page-epsilon-php
Template | Example = .example .page-template-page-example-php

 

for example I need to leave my default css with title and make a "display:none" for other template

 

My code for Template 1 is:

 

  .alpha .hentry .entry-title {
  -webkit-font-smoothing:antialiased;
  background-color:#201F2F;
  color:#FFFFFF;
  font-family:helvetica;
  font-size:22px !important;
  font-weight:100;
  margin:-4px 0 0 -24px;
  padding:15px 27px 15px 30px;
  width:100%;
}  

for other pages:

 

.hentry .entry-title {
    display: none;
} 

where is my mistake?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there,

 

I've just tested with the below and it's worked. You'll need to put in a display value for the top piece of code.

a.site-title {
  display: none;}

.alpha a.site-title {
  display:block;
  color:blue;}

Share this post


Link to post
Share on other sites