Override author defined settings with CSS?!?

  • Pixel Girl

    (@pixel-girl)


    13 years ago

    Hi!

    I am doing a redesign of a site, and the site will have a new layout that will be left aligned. The stylesheet accounts for this no problem, and any new post will come up just as designed, but the author defined settings on the old posts have the images and text centered, and I can’t seem to override it no matter what class I add, css i add, or anything I do!

    how can i get this to override?

    any help would be great!

Viewing 7 replies - 1 through 7 (of 7 total)
  • newsdevice

    (@newsdevice)

    I would suggest taking a look at editing the post itself; check for align references.

    Thread Starter Pixel Girl

    (@pixel-girl)

    yes, that is the option i am trying to avoid. there are over 1400 previous posts that I am wanting to convert to this new layout, I’m hoping to find a way around editing each post individually.

    thanks!

    Michael

    (@alchymyth)

    without seeing the html formatting of the old posts and your new css styles working live together, there is not much anybody could suggest.

    please post a link to your site if you would like someone to look into it.

    Thread Starter Pixel Girl

    (@pixel-girl)

    well the theme i’m working on isnt public yet, i’m not sure how i could share it. the current site is https://www.therayandthero.com.

    you can see in my css

    html, body {
    background: black;
    font-family: ‘Noticia Text’, serif;
    font-size:16px;
    line-height: 20px;
    text-align: right;
    text-indent:30px;

    }

    the text indent is read, but if the alignment is centered in the post, it remains center when i test the theme.

    Michael

    (@alchymyth)

    the theme i’m working on isnt public yet

    images do not always follow the text-align;

    (some of) the images (I haven’t checked all) have the css class .aligncenter which is at the moment formatted by these styles:

    div.entry-content .center,img.aligncenter,.aligncenter{display:block;margin:1em auto;text-align:center;}

    (the img.aligncenter part of it)

    this is all I can comment on without the content live in the new theme.

    try to use Firebug https://getfirebug.com/ or a similar browser tool to find out more about the css of those images…

    Thread Starter Pixel Girl

    (@pixel-girl)

    thanks! but with the css i coded, you can see the text is left aligned, but when the post is center aligned, it remains center aligned. any advice there? the images i can deal with but the text is much more important

    Michael

    (@alchymyth)

    https://www.w3schools.com/cssref/pr_text_text-align.asp

    you might need to set the text-alignment specially for the post content css class (?)

    help with fundamental formatting is beyond the scope of this WordPress forum;

    I personally would use https://www.w3schools.com/css/default.asp as reference; and Firebug or the Firefox web developer add-on.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Override author defined settings with CSS?!?’ is closed to new replies.

Tags