Solved

override css text styling

Posted on 2013-12-01
12
333 Views
Last Modified: 2013-12-01
I am working out of Bootstrap. I want to add some embedded css to override their random indentations, etc. on this page

http://conutils.com/dist/affiliatedsystems/

Can someone give me some css to do this?
0
Comment
Question by:burnedfaceless
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
  • 3
12 Comments
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39688340
Inline CSS will override CSS from a stylesheet. CSS later in a stylesheet will override CSS from earlier. You can use the !important keyword to increase specificity.

What exaclt do you want to override - your question is pretty vague..
0
 

Author Comment

by:burnedfaceless
ID: 39688386
Yes I understand that. I need to put the css after the stylesheet.

I'm not sure what it is, it's the text - if you look at the link the indentations are weird.

The text itself is inside the class panel body. So I'm assuming there is some text styling in there.
0
 

Author Comment

by:burnedfaceless
ID: 39688391
The css is way over my head. Or I would do it myself.
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39688475
There's nothing weird or random about the indentation - all your text is centred, because of this rule from bootstrap.css:

.starter-template {
    text-align: center;
}

Open in new window

If you want to override that style, then create another stylesheet and attach it AFTER your bootstrap file.

You haven't said what you want, so I can't help with specifics until you do.
0
 
LVL 35

Expert Comment

by:Dan Craciun
ID: 39688554
0
 

Author Comment

by:burnedfaceless
ID: 39688627
Ok well is there a "Default" style or do I just put style:none or something like that?

edit: with important declaration
0
 
LVL 35

Expert Comment

by:Dan Craciun
ID: 39688636
Put this:
.starter-template {
    text-align: left !important;
}

somewhere inline or on an external css file that you'll import in your page.
0
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39688644
@burnedfaceless - the text in your document is styled that way because of the text-align-center style that I've mentioned (the other options are left, right, justify, inherit). It has nothing to do with a default style.

You still haven't told us what you want, so we're left guessing!!!

If you can't tell us what you need, then how do you expect us to help you.
0
 

Author Comment

by:burnedfaceless
ID: 39688715
Dan that worked except the h1 header is aligned left

I tried to align h1 - the element or whatever.

Then I tried to enclose the text-align:left in a div after the header with a different class name.

Any suggestions?
0
 

Author Comment

by:burnedfaceless
ID: 39688718
Now I got it working with html align center.

W3C doesn't like it. What do you say Dan, you're the expert.
0
 
LVL 35

Accepted Solution

by:
Dan Craciun earned 250 total points
ID: 39688737
HTML errors are fairly straightforward to fix:
© instead of &copy
find and close  <div class = "maxwidth">

On CSS the validator complains mainly about code inserted to cater for Microsoft applications.
As long as you fix your HTML and your page is working, I wouldn't worry about CSS errors.
If you absolutely need to validate, you'll lose some effects.
0
 
LVL 43

Assisted Solution

by:Chris Stanyon
Chris Stanyon earned 250 total points
ID: 39688746
Do not use align=center on an HTML element - it's not supported at all in HTML5
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…

688 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question