Docs

[compelardo]

Hi there,

I was installing a slider and there was a huge gap between the slider and the top of the menu bar. I was able to input some css for the padding at the top to be 0px but there was still a little bit.

This is the page:http://ywamburtigny.com/en/home/blog-english/

Any thoughts to make the slide flush with the top so there is no more white?

[Christian]

Hey there,

That is because of the Google Font link wrapped in <p> tag (see attachment). Please remove it.

Thanks.

[compelardo]

Thanks for the input. Unfortunately I don’t know where I can go to edit the html and remove the <p> tag and the second, I tried in “inspect” to see what would happen but it removed the the type face and turned my text into times roman which I do not want.

What do you suggest?

[Christopher]

Hi there,

Please remove <p> tag and instead use CSS to change caption font family

Please add following code in Customize -> Custom -> CSS :

.tp-caption{
    font-family: "Open Sans" !important;
}

Thanks.

[compelardo]

where do I remove the <p> tag?

[compelardo]

For the text that I can edit, it is all short codes and doesn’t show html codes.

[Jade]

Hi there,

Kindly remove the font declaration you have added inside the column and place this in the Custom JS instead to load the Open Sans font:

WebFontConfig = {
    google: { families: [ 'Open+Sans::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();

Hope this helps.

[compelardo]

Ok, so technically I only want this applied to only one page for the site…the BLOG page in english and I’m assuming that I put this js code in global javascript but it would change all the typeface of the site. Also it did not solve the issue of the <p> tag that removes the intial reason for writing in about getting rid of the gap between the slider and the menu

Looking forward to hearing how I can solve this

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.page-id-1268 #x-content-band-1 .x-column.x-sm.vc.x-1-1 p {
    margin-bottom: 0;
}

Hope it helps.

[compelardo]

Perfect! Thank you!

[Joao]

Glad to hear it.

Joao

[Author]

Posts