Please suggest styling some text and general improvements


#21

I did that in post #18's attachment. :winky:

coothead


#22

Coothead . . . is there some reason why you don't avail yourself of the abundant scripts on Sitepoint's forums to post the code inline with your response and give each iteration its own unique name instead of making me rename it for you, hmmm? :grimacing:

Coothead-1 or Coot99 etc.?


#23

Something like ...

.BUTN-A {
  font-weight: BOLD;
    font-size: 20px;
   font-color: BLACK;
   box-shadow: 0 3px 3px #555;
border-radius: 4px 8px;
   background: #E2F5AF;
      padding: 2px;
        width: AUTO;
       height: 20px;
}

and then ...

<DIV>
Ride-Sharing Company <span class="BUTN-A">LYFT</span>, the <span class="BUTN-A">Beer &amp; Liquor Industries</span>&nbsp;and Anheuser-Busch<BR>
</DIV>

#24

Yes, I prefer to use attachments, when coding site pages. :winky:

I also post code on the forum when I think that it will be suitable. :biggrin:

coothead


#25

Hi there semicolon,

to put a smile back on your face....

HTML

  <h2>
   <span>FREE</span> / DISCOUNTED RIDES HOME<br>EFFECTIVE JANUARY 1, 2018
  </h2>
   <h3>
    <span>Signed Into Law</span> by Governor Jerry Brown<br>
     Actively Lobbied & Sponsored by:
   </h3>
     <p>
      Ride-Sharing Company<span>LYFT</span>, the<span>Beer & Liquor Industries</span>, 
      and Anheuser-Busch Amending Section 25600 of the Business and Professions Code,
      relating to alcoholic beverages.
     </p>
<!-- #free-rides --></div>

CSS

#free-rides p span {
    display: inline-block;
    padding: 0.25em 0.4em;
    margin: 0 0 0.25em 0.25em; 
    border: 1px solid #008000;
    border-radius: 0.4em;
    background-color: #e2f5af;
    box-shadow: 0.1em 0.1em 0.1em rgba( 0, 0, 0, 0.3 );
    font-size: 1.25em;
 }

coothead


#26

And I don't.


#27

Well, that is most certainly your prerogative. :winky:

coothead


#28

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.