Display blog page title in Integrity

Support
#1

Hi support. My blog page title is «Nouvelles» and I would like to display it here http://test.cckl.org/notre-chambre/nouvelles/

I have tried solutions proposed in other topics without success.

Thanks for your help.

#2

Hi Philippe,

Thank you for reaching out to us. You can add the following code in your child theme’s functions.php file

function add_my_title() {   
    if(is_home()){  ?>
  <header class="x-header-landmark">
      <div class="x-container max width">
        <div class="x-landmark-breadcrumbs-wrap">
          <div class="x-landmark">
               <h1 class="h-landmark entry-title"><span>Nouvelles</span></h1>
          </div>
      </div>
    </div>
</header>
<?php
    }
}
add_action( 'x_after_view_global__slider-below', 'add_my_title', 10 );

You can also checkout the following thread: https://theme.co/apex/forum/t/category-and-archive-header-landmark/16068/2

Hope this helps!

#3

Thank you @Nabeel for the quick answer. The title is there but not with the appropriate style.

I have made a title element h1 in Pro everywhere else. The title is left aligned, size 4 em… as you can see in the screenshot or in the other pages of the site http://test.cckl.org/notre-chambre/

#4

Hi,

We can style it to make it the same as others.

Try adding the code below in Theme Options > CSS

.blog .h-landmark.entry-title {
   font-size: 4em;
    text-align: left;
    font-family: "Montserrat",sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: none;
    color: rgb(67,199,231);
}

Hope this helps

#5

Hi @paul.r. Unfortunatly the css provided do not change the title of the blog page as you can see here http://test.cckl.org/notre-chambre/nouvelles/

#6

Hi again,

I checked your site and I see a syntax error in your CSS, you have added the wrong comments in your code i.e:

// code pour modifier formater le titre de la page nouvelle

Please remove the comment and make sure you only add this code:

.blog .h-landmark.entry-title {
   font-size: 4em;
    text-align: left;
    font-family: "Montserrat",sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-transform: none;
    color: rgb(67,199,231);
}

When I add it in your child theme’s style.css via Chrome’s developers tool, it works as expected (see screenshot)

So to make it work you need to remove the wrong comments from your code.

Let us know how this goes!

#7

You are right @Nabeel, sory, this was my poor coding skils. The only thing to fix now is to remove the unwanted line after the title

#8

Hi again,

To remove the line from your titles, add the following code as well:

.blog .h-landmark span:before, .blog .h-landmark span:after {
    display: none;
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

#9

Thank you @Nabeel. Problem solved. Great support!

#10

You’re welcome, Philippe.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.