Jump to content

Archived

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

rcpessemier

Changing line height

Recommended Posts

rcpessemier    1
rcpessemier

How do I change the text line height in the custon less/css area? I have messed wiht this for hours and can't get anything to work.

Thx

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

hello rcpessemier

 

can we have a link to your site and examples of the code you have tried please? 


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
rcpessemier    1
rcpessemier

Staging site is http://biz117.inmotionhosting.com/~corpte5/psmcop.org

 

I am in this neighborhoos

.fulltabs.tabs-ugykhp .tab-pane.well.tab-ugykhp-131 {
    background-color: #D8D8D8;
    color: #000000;
}
 
and
 
<span style="font-family:verdana,geneva,sans-serif;">The Maritime Common Operating Picture (MCOP) project team conducted a discovery phase that included:</span>
 
I want to have less spce above and below the first line in the tab MCOP Overview and be able to control line height better throughout the site.

Share this post


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

Where exactly on your homepage are these tabs, I don't see any ?

 

If you want to reduce space above/below elements, you will want to use custom CSS. I recommend inspecting the element(s) with Google Chromes Dev Tools where margin is displays as a orange color and padding as green. Then inspect the element where the margin/padding is coming from and use custom CSS to remove or reduce it.

 

In regards to line height, do the same as above, inspect the element you want to increase the line height of and add your own value. Then add this to you custom CSS. For assistance with customizing DMS see our documentation - http://docs.pagelines.com/customize/how-to-customize


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
rcpessemier    1
rcpessemier

I added this and it seems to work.

<p style="margin-bottom: 0px; margin-top: 5px;">
    <span style="font-size:14px;"><span style="font-family:verdana,geneva,sans-serif;">The Maritime Common Operating Picture (MCOP) project team conducted a discovery phase that included:</span></span>
</p>

Share this post


Link to post
Share on other sites
rcpessemier    1
rcpessemier

Added this to manage line height.

<div style="line-height: 18px;">
    <span style="font-family: verdana, geneva, sans-serif; font-size: 14px; line-height: 14px;">During the discovery phase of the MCOP project, the project team examined existing documentation for MCOP requirements and conducted a thorough market analysis. &nbsp;In addition, the team gathered requirements from individuals and organizations targeted for MCOP implantation and surveyed stakeholders to establish priorities for the MCOP platform.</span>
</div>

Share this post


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

Glad you managed to resolve, thank you for updating the thread. The method you've used is inline css, which works. But for reference the correct way would be to use the css/less panel in the DMS control panel or via a child theme. Examples below.

 

.section-fulltabs .fulltabs .tab-content p {
    line-height: 10pt;
    padding-left: 0;
}
 
The above would control the line height for the text in the section.
 
.well {
    padding: 19px;
}
 
The code above controls the padding inside the tab. http://screencast.com/t/qg1bZ3p5

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

  • Similar Content

    • Skip
      By Skip+
      Hello
      I'm having problems with the Font not appearing correctly on a website.
      I've adjusted the font correctly with DMS (see screen shot) and saved it repeatedly yet it does not adjust the font in the website (see screen shot).  Would you please let me know what is wrong and should be done?
      (Please note that I've cleared the cache in the browser and whatnot as far as basic things I do know about browsers and issues with DMS from the past.  Hope this helps in troubleshooting...)
      Thank you.
      Skip


    • Jeremiah
      By Jeremiah+
      How do I find the correct Plugin text string and alter it without affecting updates?
    • tristanrodgers
      By tristanrodgers
      Hey there!
      Here is my website: http://heybier.de
      I'd love to change the font of my salebar, can you tell me how to do that?
      Greetings from Germany,
      Tristan
    • marc.stubbe
      By marc.stubbe
      i created more than one page inspiration, with a result that the only current page inspiration is named: http://www.vmhdigital.nl/inspiration-3/
       
      I emptied the garbage bin, but cannot rename this permalink, do you know how to solve that?
    • dawsonbarber
      By dawsonbarber+
      I'd like use some of Enrique's themes on a client installation but would prefer to use the client company name as the child theme name.
       
      I tried the usual approach for renaming a PageLines child theme (like Danny's Skeleton) but that did not work.
       
      Could you please spell out for me what I need to do, exactly, to rename a PageLines Store child theme like Voyant?
       
      Thanks
×