Docs

[Christina r]

Hi

I am trying to load a google font on specific pages. Also tested globally ad still not loading?
http://screencast.com/t/90cnKp9Vhmp

tried this:
h3 {
font-family: ‘NothingYouCouldDoRegular’, cursive !important;
}

and

h3 {
font-family: ‘NothingYouCouldDo’, cursive !important;
}

Thanks for help!

Christina
moreparsmorefun.com
integrity light using child 4.4.2
wp 4.5

[Rupok]

Hi Christina,

Thanks for writing in! You are not declaring the font-family correctly. It should be :

h3 {
  font-family: 'Nothing You Could Do', cursive;
}

Ref : https://www.google.com/fonts#UsePlace:use/Collection:Nothing+You+Could+Do

Also make sure you are loading the font on your site through Customizer > Typography or might be with another method.

Cheers!

[Christina r]

Hi!

I do not want it under Customizer > Typography because it will change all headings. I only want H3. It is still not working however: http://screencast.com/t/lrX67ItA9bkA

Thanks for help,
Christina

[Christina r]

I stand corrected – it does work – thanks for your help as always!

[Thai]

If you need anything else please let us know.

[Christina r]

Hi Again

It is actually not woking on mobile? Also I have huge gaps on the page and I have no padding set in any of the VC columns?

http://moreparsmorefun.com/fundamentals-playlist

Thanks for help
Christina

[John Ezra]

Hi Christina,

Thanks for updating the thread. Upon checking your site, your font isn’t working on my end. I checked your child theme’s stylesheet and you don’t have your font setup properly. Please add this CSS line at the very top of all the CSS on your child themes styel.css file.

@import url(https://fonts.googleapis.com/css?family=Nothing+You+Could+Do);

Regarding the gaps, would you mind specifying where they are so we can take a look and guide you accordingly. Thanks!

[Christina r]

This reply has been marked as private.

[Jade]

Hi Christina,

Those gaps are caused by the empty columns that get’s shifted on mobile creating some spaces. To get rid of them, add a class name to the empty columns in Cornerstone then add this CSS:

For example the class you will add to the columns is empty-column, then the code should be

@media (max-width: 767px) {
    .empty-column {
        display: none;
    }
}

[Christina r]

I see…makes sense. I’d rather fix layout then add extra CSS.

I am trying to keep text on short lines and centered under header. I added spacer images in the left and right column. I am sure there is another way to do that besides adding the above?

In other words, make one column, not three. I do not see an option for padding left and right that would do the trick, only top an bottom padding for a row. I am using VC not cornerstone. I built this site pre-cornerstone.

Thanks!
Christina

[Christina r]

This reply has been marked as private.

[Jade]

Hi Christina,

The approach you took in adding a specific width to the section in the middle while setting the other columns blank seems fine. The easiest way should be to add the CSS to control the display of empty columns since Visual Composer does not have a device visibility control feature for columns unlike Cornerstone.

[Christina r]

This reply has been marked as private.

[Christina r]

This reply has been marked as private.

[Nico]

Hi There,

Would you mind sharing us your admin credentials so we could check your setup closer.

Don’t forget to set it as private reply.

Thanks.

[Author]

Posts