Jump to content
greenfly

Changing Font Size of Fit-Text Section

Recommended Posts

greenfly    230
greenfly

Hi everyone I am trying to change the styling of the fit-text section in the wrap of the sidebar. Using Firebug & the Custom CSS section i have added

.fittext-container {
	  padding:0;
	  text-align:left;
	  font-size:18px;

this successfully made changes to the padding and also to the alignment of the text but not the font size. any know what i am doing wrong? Thanks in advance


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, the fit text section is designed so that the font size is automatically adjusted to fit the size of the container. Have you tried using a text widget instead? It would be easier to style/adjust the size of the font.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

ok. i can change it though with firebug - the text widget didn't provide the same effect (in the way it looked) but if this is the only way to get what i wanted. I will try styling the text widget instead. thanks anyway


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

hold on.. i've just looked and there is no text section in the wrap drag and drop bit. Is there no way i can change the CSS or do you just not know how to do it?


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
James B    436
James B

Hi, with the wrap section you'd have to drop in a content box or a sidebar so you could place in a text widget. You can try this to effectively override the resizing. Let me know if it works

 h2.fittext { font-size: 12pt !important; }


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

that worked great. thanks - really appreciate your help on this


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
James B    436
James B

You're welcome, glad it worked


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
John Lee (Folium Partners)    0
John Lee (Folium Partners)

In reading this thread, I'm wondering if a bit of clarification would help me better understand FitText.

My goal is to have FitText fill the horizontal space without adding any vertical space to the page beyond what is needed for the string to fit on one line. In other words, assume a container that is the page width (930px max), take my text and make it fit (select a font size) that space on one line (unless I've included some br tags).

In every text of more than two words—and though it's unwanted—FitText is breaking the string into multiple lines for me at present. Try using this as a string for your own test: "Big value. Small price."

First question: from reading James’ reply here, I'm not sure that the container height gets figured into how FitText works inside PL. Is that true? From docs around on the web—and from instances of people using the fittext.js script— I'm only seeing single-line uses (as one would expect).

This makes me wonder if the multi-line stuff happening inside PL is a matter of not-quite-right implementation. I say this because changing the height of the fittext-container does nothing but crop my text, not resize it to fit.

Second question: is there any access to what FitText calls the Compressor and the minFontSize / maxFontSize settings? (NOTE: According to their docs on GitHub, they ignore font-size and use those other two instead.)

Thanks.

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hi John. I think it's probably best if you post this as a new topic.


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

@John,

Can you do as Greenfly suggested and create a new topic please.

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hi Admins - can you close this topic? :rolleyes:


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
Simon    247
Simon

The topic was marked as resolved.

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

  • Similar Content

    • janpeeters
      By janpeeters+
      Over the last month I had extensive communications with the developer of the (premium) Anything Boxes section (in Pagelines store) (Adam Munns) and the developer of the WP Polylang Multilingual plugin (Frederic Demarle).
       
      This was because the following problem occurred:
      Anything Boxes showed all posts of two languages (Dutch and English) on the respective static frontpages for each language. It should of course have filtered posts for Dutch language on the Dutch frontpage and English on the English frontpage.
       
      The solution to this problem was simple in the end. When duplicating a page for use in another language the settings for Anything Boxes were not copied to the new page and I should have set these settings manually again on the new page. I wasn't aware of this, but it makes sense. Because of this the pages didn't know how to differentiate between posts from different languages.
       
      The dev of Polylang told me that Polylang is currently smart enough to synchronize metas like Featured images and page templates but it does not work out of the box with metas created by plugins and themes but (according to Frederic) it is rather easy to add them in the list using the filter 'pll_copy_post_metas'.
      He mentions that he is not sure that these 'PageLines Meta Settings' are stored in post meta but that would make sense according to him. He asks if the Pagelines dev team will be interested to support this feature in the future.
       
      I'm also wondering if you will consider adding Polylang translation support for manually editable strings like the 'Read more…' strings in Pagelines Settings.
       
      Well that's of course up to you but I thought to let you know to be able to take this into consideration. I also post this for other users in case they experience the same kind of trouble and are looking for an answer.
       
      Best regards,
      Jan Peeters
    • bankrollbuilder
      By bankrollbuilder
      I used a custom hook to put a banner ad in my header. It works but its not in the right position. it is centered and above my logo and I would like to float it to the right of my logo in the header. heres the link: http://shaboopie.com/shaboopie-wp/free-logos-pg1/

      thanks.

      Dan B.
    • starlit
      By starlit
      Can one have two hero sections on one page?

      I want a landing page which leads/advertises two subpages.

      Or is there another option?

      Please help.

      THANK YOU
    • hutruk
      By hutruk
      Hi!

      I am using the shortcodes for tabs, as described in the documentation.

      When I insert the following code:


      [pl_tabs][pl_tabtitlesection type="tabs"] [pl_tabtitle number="1"]Title 1[/pl_tabtitle] [pl_tabtitle number="2"]Title 2[/pl_tabtitle] [/pl_tabtitlesection] [pl_tabcontentsection] [pl_tabcontent active="yes" number="1"] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/pl_tabcontent] [pl_tabcontent number="2"] Lorem ipsum dolor sit amet, consectetur adipiscing elit [/pl_tabcontent] [/pl_tabcontentsection] [/pl_tabs]

      I get a strange output (in the attachment).

      Any ideas?

      Thanks in advance!

    • MooiWeb
      By MooiWeb
      Hello,

      I would like to align my qtranslate with my breadcrumb so that the flags are on the same hight.
      I'm aware of putting a code in the custom css and tryed severall codes from your site but for now, no succes

      The site i'm working on is http://nieuw.vazdias.nl

      Thx,
      Edwin



×