FP services

Hi,

When i don’t add a title in the FP Services and leave it empty, the template displays the default being “our services”. Is there a way to bypass this and don’t use title at all or may be use a logo?

I tried putting spaces, but it underlines them…

Hello there,

To hide the title, could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.page-template-page_services .entry-header{
  display: none; 
}  

To replace with an image, try to apply the following CSS code:

.page-template-page_services .entry-header{
  border: none;
  background-image: url('http://yoursite.com/path/to/image.jpg');
  background-position: center center;
  background-repeat: no-repeat;
}  

Regards,
Kharis

Hi,

It does not work… this is how it is in the Simple Custom CSS:

/* .page-template-page_services .entry-header{
display: none;
} */

Regards

Hello there,

Please do not wrap the code with /* */, otherwise it won’t be executed.

Regards,
Kharis

hi, still same result… I have tried to input spaces, but it comes out underlined…

Regards
Elie

Hello Elie,

Thank you for updating me.

Is there any URL I can have a closer look?

Regards,
Kharis

Hi Kharis,

Here is the URL: www.maratataki.com

Regards
Elie

Hello Elie,

Thank you for the URL. It helped a lot.

Try to apply the following CSS code:

#pgc-2040-0-0 .widget-title{
  display: none;
}

Let me know how it goes.

Regards,
Kharis

Hi again, it looks like it worked this time. Can I do the same for the other sections?or change the font and the underline?

Regards
Elie

Hello Elie,

To work on other sections, firstly you should find the respective section’s container ID name.

Then apply the following CSS code:

Border


#pgc-2040-4-0 .widget-title:after{
  border: 1px solid red; 
}  

Font


#pgc-2040-4-0 .widget-title{
  font-family: Arial;  
}


#pgc-2040-4-0 is the ID of “About Me” section.

To find the element ID, you can use the browser’s inspector. Please see this screencast https://cloudup.com/cIEIH89MsUT

Regards,
Kharis

Hi again, i am using safari fir mac and they all seems to have the same id…

Regards
Elie

Hello there,

Please double check, each row has its own unique ID given by the page builder plugin.

Regards,
Kharis

Hi,

I am finding those one: #pg-2040-0 , #pg-2040-1 , #pg-2040-2 , #pg-2040-3 , #pg-2040-4 , #pg-2040-5 , #pg-2040-6 , #pg-2040-7. Are those the same?

Regards
Elie

Hello Elie,

Yes, those IDs will work as well.

Regards,
Kharis