HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


code for 'Headings' questions

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#54249 (In Topic #11831)
Avatar

Community saint

How does one get rid of the underline bit when creating a heading? I like the blue color, but the underlining is too distracting.

Example:

Eric said

Welcome to my site


Eric DeMars . com
My electronic portfolio and personal site. Uses ocPortal!
Back to the top
 
Posted
Rating:
#54251
Avatar

Fan in action

Here's how you can disable the underline. Login as admin. Then follow the path:

Admin -> Style -> Themes -> Manage theme -> edit css (Choose your theme, dont modify Default theme)

Choose global.css in the select option. Then look for

.main_page_title {
background-color: #CDDEEC; /* */
font-size: 1.8em;
font-weight: normal;
background: url('{$IMG,underline}') no-repeat 30px 100%;
padding-{!en_right}: 30px;
display: table;
}


You may also want to look at h2 and h3 styles

h2 {
font-size: 1.3em;
color: #c0a164; /* */
border-bottom: 1px solid;
text-transform: lowercase;
font-weight: normal;
padding-{!en_left}: 10px;
margin-top: 1em;
}

h3 {
font-size: 1.1em;
color: #c0a164; /* */
border-bottom: 1px solid;
text-transform: lowercase;
font-weight: bold;
padding-{!en_left}: 10px;
}

Click on edit css button below and you are done. Refresh the page and check it out.
Back to the top
 
Posted
Rating:
#54252
Avatar

Community saint

Thanks!  :thumbs:

Eric DeMars . com
My electronic portfolio and personal site. Uses ocPortal!
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: