Jump to content
Sign in to follow this  
integritymediacorp

How can I do different header style

Recommended Posts

integritymediacorp    0
integritymediacorp

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
James B    436
James B

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.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
integritymediacorp    0
integritymediacorp

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
James B    436
James B

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;}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
integritymediacorp    0
integritymediacorp

 

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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
integritymediacorp    0
integritymediacorp

 

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
integritymediacorp    0
integritymediacorp

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Barnaby Skinner
      By Barnaby Skinner+
      Hey all, hope I worded the topic correctly!
      I just need to know if either 1) I'm making a mistake or 2) this could be set as a new feature?
      Using the global settings typography parameters, I have a global paragraph font type (set using googlefonts) and have set the style to align:justify. When laying out <p> text inside a simple TEXT module, the <p> text adheres to both the font type and justification. Perfect.
      Now, when I set <p> text inside the PARAGRAPH TEXT field within an ELEMENT module, the <p> text adheres to the font type, but not the justification. It's rather annoying as I like to fully justify para text across the board and tend to use Element modules instead of text boxes for various reasons. It also seems silly that some PARAGRAPH TEXT fields adopt global settings, whilst other don't.
      Or I'm doing it wrong :S
      Any help or advice is much appreciated!
      Cheers
    • Claudio
      By Claudio+
      I have a problem with the typography settings. I set the H1 class with "font-weight: 300;" (Very thin weight), and "font-size: 50px;" (To have considerable evidence of my problem). Unfortunately, as you can see on the screenshots, those setting don't have any incidence on the site, Infact in the home page editor there is a trial title called "Text test", bold, and 26 px approximatly sized.
      Why the typography settings are not transposed on the site? Where I wrong?


    • flourishdesignstudio
      By flourishdesignstudio
      Hello,
      I have an older site that was built using PageLines several years ago (prior to the release of DMS). I wanted to leverage some of the power of your new PL5 plugin but the theme prevents be from adding any generated custom sidebars to the theme (through the drag and drop interface) and does not allow me to add any PL5 sections/containers/etc to the header or footer. Is there any way to easily override that or am I stuck only using PL5 in the content areas of the site?
      Thanks so much for the help!
    • JP
      By JP+
      Hello,
      How can you set the translations with platform5, the parts that are not in pages or posts? Texts and images…
    • romanondrasek
      By romanondrasek
      hi all, I have some trouble using PL5 on my site. 
      I used plugins for event calendar (event on) and plugin (timetable responsive scheduler for WP) for schedule (classes) in the gym.
      The problem is, that post from this 2 plugins are shown without menu in header and footer. (I setup header and footer) in the page editor for all type of page. 
      When I create a lesson, it creates posts with slug (I have a slug "lekce" & event for events).
      I try to edit the post with PL editor, but editor is not opening on the post.

      Do you have some idea where should be some problem? Thanx so much.
      here are links for the sites :
      site with schedule :
      http://www.myfit.cz/rozvrh/
      site of one of the class (pilates)
      http://www.myfit.cz/lekce/pilates/
      site with calendar :
      http://www.myfit.cz/kalendar/
      7 side with one event from the calendar :
      http://www.myfit.cz/event/pilates-instruktor-akreditovana-licence/?ri=1
      when I have my site on DMS2 it was working :-(
       
       
×