Jump to content

Archived

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

redstate

Where to put code for double-spacing Highlight content?

Recommended Posts

redstate    0
redstate

I'm trying to double-space the content in a Highlight and make it flush left. Where do I put the code? I've tried Custom Less/CSS and Styling Classes but neither seems to work. Is this the right code?

 

p

{    

     text-indent: 3em;    

     line-height: 2.5 em;

}

 

You can see my Highlight below the RevSlider at www.americansendingabuse.org. Do I need to make the Highlight taller so the content will better fit?

Share this post


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

Hi there,

 

All css code would go into the css tab in the DMS control panel. It doesn't look like your targeting the highlight section in your code. Try the below which should give this result. http://screencast.com/t/fDwFeMdG4Q

 

.section-highlight p {
    text-align: left;
    line-height: 57px;
}

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
redstate    0
redstate

Oh yeah. I'm still not good with code. Thank you! That helps.

 

The third line is still not flush left like the other three are. I've saved it several times.

 

And I'd still like more space between lines. What should the code be to make it triple space? (assuming it's already double spaced)

Share this post


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

Add the following code to your custom CSS and change the value to whatever your preference.

 

#highlightummxun .highlight-head {
line-height: 2em;
}
  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
redstate    0
redstate

Thanks very much. The line spacing is perfect now.

 

Only problem is the third line of the paragraph still does not line up flush left. Any suggestions how to move it?

 

Also if I want to use a different font for this Highlight text, could you tell me the code to use?

 

Thanks again!

Share this post


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

Please follow forum policy and have only one question per topic. Your question regarding line-height has been resolved. If you have any other questions, please create a new topic.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Raju Gupta
      By Raju Gupta
      On Socrato.com I am using DMS 2 and few pages are showing the parent page in top navigation highlighted and some are not showing
      Overview and SAT are both pages under EXAMS show they are showing different behavior.


    • DanatTLFN
      By DanatTLFN
      Site URL: thelocalfilmnetwork.com
      DMS Firmware: 2.2.1
      Wordpress: 4.5.1
      --------------------------------------
      Ticket Reference: 
       
      At the bottom of this post, there is a CSS only option that I have implemented into my site. It looks brilliant, and I am super grateful for that addition to the thread. The only issue I am having is that the code he provides does not include all of the styling options for the button itself.
      My question is, how might I go about editing the styling of the button i.e. shadows, every element of the coloring, and border colors?
      No big deal if it's not easy to fix. Happy to provide any further information if necessary.
      Kind regards,
      Dan
      P.S. I have opened up the button in Google Dev window with Inspect and start editing it there, but it looks like there are some areas of the code that are connected to an external source (most likely bootstrap) and therefore I can't seem to edit it as much as I would like.
    • Fabio
      By Fabio+
      Hello, I do not know how I did it but the text of "Highlight " that before was now white is black , how can I get it back white ?
    • Fabio
      By Fabio+
      Hello, I have a problem using "Canvas Area" and "Highlights", in a page insert "Canvas Area" and later in "Highlights", the problem is that when I go to remove it from the pages you do not want to see, also disappears from page instead want to see .. even if I enter the ID page.
      I tried and tried with other funsioni as "Testimonials", but the result does not change ..
      How can it be done?
      Thank you!

    • Fabio
      By Fabio+
      Good morning, I would insert the pages of "Highlight " but will not let me do it, this happens to me with other functions, you can suggest me how to do and it depends on the type of purchase?
      I bought PinsPro Standard Package may be this, thanks!
×