CSS Editing to remove the Page Heading Text from all my pages

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Please tell me what css editing should I perform to remove all Heading Text from my site? Please resolve, it's great problem for my site because I want to apply a premium template in my site without page heading text, I'm a silver customer. My site url is http://www.calculusgroup.org/
Photo of Mahiuddin AhmedB

Mahiuddin AhmedB

  • 8 Posts
  • 0 Reply Likes

Posted 8 years ago

  • 1
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Thanks for opening a case here Mahiuddin, I am referring your inquiry to our HTML/CSS team. Please allow them 48 hours to review and respond to your inquiry.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Hi Mahiuddin,

You will need to copy the CSS below into the Text Area in the CSS editor, then change all of the height variables to 0px. This should remove the header.

div.ys_heading h1{
margin:0;
padding:0;
margin:0 7px 0 0;
height:66px;
float:left;
font-size:22px;
_behavior:none;
background:url(templates/FlowerShop/resources/heading.png) top left no-repeat;
}

div.ys_heading h1 a{
display:block;
float:left;
color:#fff;
padding:18px 15px 5px 62px;
text-decoration:none;
height:66px;
voice-family: "\"}\"";
voice-family:inherit;
height:43px;
}

div.ys_heading h1 a:hover{
color:#fff;
}

Let me know if you need any extra help.

Andi
Photo of Mahiuddin AhmedB

Mahiuddin AhmedB

  • 8 Posts
  • 0 Reply Likes
Hey you answered it for my current template, but what's it while I will use the premium "Wide Rounded Glass Template"? Please tell me the code.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Okay, here it is...

div.layout div#sys_banner{
background: url(http://s1.yolacdn.net/V0020573/templa...) top left no-repeat;
margin:0 10px 0 10px;
}

div.layout div#sys_banner div.shadow{
background:url(http://s3.yolacdn.net/V0020573/templa...) top left no-repeat;
_behavior: url(http://s2.yolacdn.net/V0020573/templa...;
width:960px;
height:170px;
padding:1px 0 0 0;
voice-family: "\"}\"";
voice-family:inherit;
height:169px;
}

div.layout div#sys_banner h1{
margin:60px 0 0 40px;
font-size:32px;
}

div.layout div#sys_banner h1 a{
color:#fff;
padding:0 15px;
margin:0;
text-decoration:none;
}

Hope this helps...
Photo of Mahiuddin AhmedB

Mahiuddin AhmedB

  • 8 Posts
  • 0 Reply Likes
I did, but my own designed Banner doesn't load, why?
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Re-apply the banner image as this contains the link to the design template's own banner image.

Or add the URL in place of the one in the code.
Photo of Mahiuddin AhmedB

Mahiuddin AhmedB

  • 8 Posts
  • 0 Reply Likes
I did, but my main problem was Page Heading Text, it's as usual, still on all my pages except home page as I changed it from home page manually. Check http://www.calculusgroup.org/
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
You have to click on the text (in editor) and delete all of the text. That will remove the text.

Andi
Photo of Mahiuddin AhmedB

Mahiuddin AhmedB

  • 8 Posts
  • 0 Reply Likes
But I want to delete it for all my pages, I have thousands of pages, should I do it manually? What a solution u gave then?
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Sorry, I forgot to tell you to change the font size to 0pt. Change for all of the above CSS.

Andi
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Did it work?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks for your help on this Andi!

Mahiuddin, please let us know if you still need assistance with this.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
No problem, always here to help...
Photo of Kevin

Kevin

  • 475 Posts
  • 29 Reply Likes
Try this:

#sys_heading
{
display:none;
}