Jump to content

Archived

This topic is now archived and is closed to further replies.

Bleuy

Out of the Media Box font size

Recommended Posts

Bleuy

Morning.

 

I've purchased your Out of the MediaBox plugin which is great, however is there an easy way of setting the font size in the headings without going through masses of customization?  Would be great as a drop down in a future revisions...... but for now, how do I do this?

 

Thanks very muchy in advance.

 

 

Share this post


Link to post
Share on other sites
Gavin_

Hi, 

 

Thanks for the purchase. 

If you add this CSS to your Custom CSS editor or your child theme:

.mosaic-overlay h4 {
  font-size: 30px;
}

Change the font size to your preference. 

 

Share this post


Link to post
Share on other sites
Bleuy

Thanks, thats great.  I did think that was the code but I couldn't get it to work in FireFox.  Are there plans to add this as an option at a later stage?

Share this post


Link to post
Share on other sites
Gavin_

You may need to clear cache for it to work. 

We will consider adding it as a new option - thanks for the suggestion. 

Share this post


Link to post
Share on other sites

  • Similar Content

    • photomom86
      By photomom86+
      I just purchased the DMS framework and the Sophistique child theme. I am needing help with setting the content or body font size... the content in a blog post only.
       
      I have the global font size set to 18px and then I have this custom code in the custom css area
       
      body{ font-size:22px !important;}
       
      but this code also changes the font size of the Sophistique contact bar... which I do not want. Anyone know the code to only change the font size in the blog post content area only?
       
      Or vice versa, I could set the global font to 22px and then use custom code for the contact bar font in custom css.
       
      I've tried to use the chrome developer tools to figure this out to no avail. Thanks!
       
      url is stagegecg.com
       
    • caspersjan
      By caspersjan
      Hello,
      I have purchased BigText DMS some time ago and would like to use it for Section headings (so they stay on the same line when the screen size is reduced). Thus on every page I have the section deployed three or four times, always with a single line only. The width (i.e. character count) of each line differs, of course. Is it possible to set a global font size? At the moment I have to guess which width results in the correct font size and insert empty space before and after the text accordingly. This is imprecise and inconvenient, but I have not been able to find another way. Would there be one? Could I address all BigText sections in CSS and control the font size with a percentage? Of course the font size changes with screen size. What I am trying to achieve is that all instances of BigText change uniformly, from the same size to the same size. Would that be possible? Or am I looking for something the section was not built for?
      I appreciate your advice and instruction on this matter. Yours faithfully, Jan Caspers.
    • WebEditor
      By WebEditor
      Hallo, I put a Main Navi Menu in the Header Section, but I don't understand how to change the font size of it. Could you help me?
       
      Thank you very much
       
      Enrico
    • Claude203
      By Claude203
      I would like to make the text in the mobile menu larger so that it is more readable, but in using Firebug and Google Developer Tools, so far I have not been able to identify the CSS element for adjusting the mobile menu font size and font attributes.
       
      I've tried .mobile-menu as well as .mm-holder but those do not seem to work.
        Could someone please point that out, or better yet is there a master document or guide that lists all of the DMS2/WHP6 elements and what they govern? Many of my questions posted here have to do with ID'ing elements that are hard to find even with those tools.
       
      Thank you!
    • caspersjan
      By caspersjan
      Dear Ellen, I am trying to implement a solution you kindly gave me for a problem a few months ago: Changing the font size of an item title in Filtering. At the time I was just missing a selector (http://forum.pagelines.com/topic/32686-change-font-size-of-item-title/?hl=filtering#entry194033). Your suggestion to add h4 as the title was wrapped in that worked at the time:
       
      .section-filtering .filtering .item .item-title h4 {
      font-size: 80%;
      }
       
      But now I cannot get it to work, whatever I try. I can change the font size in Chrome Inspect Element, but when I put the same selectors and qualities into DMS Custom CSS, nothing changes. I can address every other aspect, the image, the excerpt, the alignment of the title, but not its font size. 
       
      Have you got an idea where I might be going wrong? Was there a change in one of the updates? It's more likely to be me, I am still a good way away from CSS mastery...
       
      Here is the instance, with large title font: http://animatinglibraries.com/wordpress/?page_id=35
       
      I am grateful for your help. Filtering is still brilliant, by the way!
      Yours faithfully, Jan.
×