Font Too Small

Hi Adam,

Pootle page builder shouldn’t be setting the font size here.

Could you check you don’t have any inline css in the text tab of the editor,

If that doesn’t work can you share a link to your website so i can take a look ??

Thanks,
Jamie

Thanks for a quick response, Jamie!

I didn’t see any inline CSS on the page. I also made sure that all other page builders that I’ve been testing are deactivated. Furthermore, I deactivated all plugins minus the necessary ones (that will make my site go blank), and the issue persists.

I switched themes, and the text seems to work properly. It might have something to do with my theme? This type of issue occurs only on this page on my site. This page has the correct font sizes.

Thank you, Jamie!

Hi Adam,

Yes I think it’s probably something in the theme that is causing this.

It looks like you are using a custom built theme – is that the case?

Jamie

I am using a custom theme. I’ve done a lot to make sure my typography is solid. That’s why I’m confused here, as my inspector doesn’t show anything “strange”.

One other thing I noticed is that when a video is inserted (YouTube in this case), extra empty paragraph tags are added before and after the video. My editor code looks like this.

I’ll look into the typography issue since the cause may be my theme.

Thanks again!

I did some more testing, and I’m pretty sure the issue is with some CSS in pootle. Look at this image, and you’ll see that when I disable 6 lines of pootle CSS code with the inspector, the font displays as intended in my theme.

Lines 1, 2, 4, and 5 (in my image above) are CSS that’s added to the page in the footer. Lines 3 and 6 are located in this CSS file: ~/wp-content/plugins/pootle-page-builder/css/front.css.

Is this something that you’d be able to update in the plugin’s CSS so that it would not affect your plugin adversely?

I like your page builder the best out of all the page builders I’ve been testing, and I hope to start using it with all future sites I build.

Thanks for your help thus far!

To solve the font-display issue, I added this code to my theme’s CSS file:

.panel-grid-cell-container > *,
.panel-grid-cell-container {
    font-size: inherit !important;
}

If you think there’s a better method, I’d love to hear it!

Hi Jamie,

Is this something you think you’ll implement in the next release of pootle?

The plugin’s working great otherwise.

Hi gang.

I’m using Canvas by WooThemes on a development site and ran into the same issue; text content in Page Builder rendered a smaller font size… especially if list items were in use.

I added the CSS that Adam mentioned above and it’s working again.
Thanks!
C

Hi All,

We are working on an update atm so we’ll look at this for the next release ??

Jamie

Cool. Thanks, Jamie!

@cgooderham – I’m glad I’m not the only one with this issue. ??