Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 14 of 14
  1. #1
    New Coder
    Join Date
    May 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Please need help on background text color

    Hi every one

    after goes through deep search, I find this forum, hope to get help from my long problem

    my problem with my blog, is unable to change the background text of posts after trying for more than three weeks, with hundred of sites!!!! and codes!!!!

    this is my blog

    unified-front-against-china.blogspot.com

    the yellow background on text in the posts, I want to change it to another color??? how can that be done??? I prefer if its through CSS, because its easier, but never mind to any other way, to change the color, of the entire posts

    Thanks fro yours platform for helping bloggers

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,881
    Thanks
    6
    Thanked 1,035 Times in 1,008 Posts
    It seems like you have applied this background color through the text editor in your blog (i. e. like the reply field here, where you can highlight text and then apply a text color). You should be able to change that by highlighting the text and choosing a different background color in your blog’s text/content editor. Alternatively, go into HTML view (if that’s even possible); you will see a lot of span elements with background-color: yellow; assigned as inline CSS. You can change that manually to a different color if you like.

    However, from a designer’s point of view I would recommend to apply a background color to the entire content section (if that’s possible in Blogger) so that not just the text lines have a background color but the entire left column. The way to do this would be to find the CSS rule that starts with “.date-outer”, look for the property/value pair that reads background-color: transparent; and change “transparent” to a color of your choice (I would suggest black, to go with the overall color scheme).

  • #3
    New Coder
    Join Date
    May 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by VIPStephan View Post
    It seems like you have applied this background color through the text editor in your blog (i. e. like the reply field here, where you can highlight text and then apply a text color). You should be able to change that by highlighting the text and choosing a different background color in your blog’s text/content editor. Alternatively, go into HTML view (if that’s even possible); you will see a lot of span elements with background-color: yellow; assigned as inline CSS. You can change that manually to a different color if you like.

    However, from a designer’s point of view I would recommend to apply a background color to the entire content section (if that’s possible in Blogger) so that not just the text lines have a background color but the entire left column. The way to do this would be to find the CSS rule that starts with “.date-outer”, look for the property/value pair that reads background-color: transparent; and change “transparent” to a color of your choice (I would suggest black, to go with the overall color scheme).
    Thank you very much for the detailed answer

    I have already tried to change all of colors that is exist in my edit HTML, when I do, all of the links colors change, except the background color in the posts

    I think its because the posts HTML is different from the main HTML we see in our blog

    yeah, as for the entire background color, I can change it, through Template--customize--advanced...but I prefer only color behind the texts

    yes, I have applied the bakcground color through edit posts, not HTML..I can deleted from their..do you think if I delete the background color, then I can change the color through CSS or HTML??? if yes, then I will deleted, but would like to know the code that could change the color???

    Thanks you very much..appreciate your help

  • #4
    New Coder
    Join Date
    May 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Nature front View Post
    Thank you very much for the detailed answer

    I have already tried to change all of colors that is exist in my edit HTML, when I do, all of the links colors change, except the background color in the posts

    I think its because the posts HTML is different from the main HTML we see in our blog

    yeah, as for the entire background color, I can change it, through Template--customize--advanced...but I prefer only color behind the texts

    yes, I have applied the bakcground color through edit posts, not HTML..I can deleted from their..do you think if I delete the background color, then I can change the color through CSS or HTML??? if yes, then I will deleted, but would like to know the code that could change the color???

    Thanks you very much..appreciate your help
    When I do search in webs, i find this code, that changed the form of my background posts texts in my blog, p.p1{display: inline; background: red;}
    span {padding: 5px; background: red; display: inline-block;}
    i add it here, because may be it will help you in giving me the code that could change the color???

    thanks

  • #5
    New Coder
    Join Date
    May 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Nature front View Post
    When I do search in webs, i find this code, that changed the form of my background posts texts in my blog, p.p1{display: inline; background: red;}
    span {padding: 5px; background: red; display: inline-block;}
    i add it here, because may be it will help you in giving me the code that could change the color???

    thanks
    please..any body here to help???

  • #6
    New Coder
    Join Date
    Jun 2005
    Location
    Blackpool. UK
    Posts
    98
    Thanks
    0
    Thanked 4 Times in 4 Posts
    Define "Background Text colour"??

    because "color" sets the colour of the text characters, whereas "background-color" sets the background colour of the container that the text is in.
    Chris

    Indifference will be the downfall of mankind, but who cares?

  • #7
    New Coder
    Join Date
    May 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by chrishirst View Post
    Define "Background Text colour"??

    because "color" sets the colour of the text characters, whereas "background-color" sets the background colour of the container that the text is in.
    Thanks for your effort

    I didn't understand, because I am beginner, and very unfamiliar with CSS, HTML...what is container??? is it a code in HTML??? and what supposed I do with it??

    what I am sure, is the yellow color for text background in posts, does now appear in edit HTML..it does only appear in posts HTML, thats mean, its not possible to change the color through HTML, unless I add code from my self that could change, that is the reason I am looking for CSS

    please if you know any code about this, let me know

    Thanks

  • #8
    New Coder
    Join Date
    May 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Nature front View Post
    Thanks for your effort

    I didn't understand, because I am beginner, and very unfamiliar with CSS, HTML...what is container??? is it a code in HTML??? and what supposed I do with it??

    what I am sure, is the yellow color for text background in posts, does now appear in edit HTML..it does only appear in posts HTML, thats mean, its not possible to change the color through HTML, unless I add code from my self that could change, that is the reason I am looking for CSS

    please if you know any code about this, let me know

    Thanks
    correcting : DOES NOT APPEAR IN EDIT HTML

  • #9
    New Coder
    Join Date
    Jun 2005
    Location
    Blackpool. UK
    Posts
    98
    Thanks
    0
    Thanked 4 Times in 4 Posts
    Okay, Let's backup a little;


    You are talking this kind of thing

    Tricks for New Bloggers: Highlighted Text with Colored Background

    Which is called text highlighting.
    Chris

    Indifference will be the downfall of mankind, but who cares?

  • #10
    New Coder
    Join Date
    May 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by chrishirst View Post
    Okay, Let's backup a little;


    You are talking this kind of thing

    Tricks for New Bloggers: Highlighted Text with Colored Background

    Which is called text highlighting.
    yeah sure, that what I am talking about

    I already have read this article, but the codes that used here, is only for small part of the text, and I want for changing color for entire text for posts. which won't solve my issue

    any code that could help???

    thanks

  • #11
    New Coder
    Join Date
    Jun 2005
    Location
    Blackpool. UK
    Posts
    98
    Thanks
    0
    Thanked 4 Times in 4 Posts
    Edit your post and remove the background-color: yellow; from the inline styles.

    Code:
    <div style="text-align: center;">
    <span style="background-color: yellow; color: #009400; font-family: 'times new roman'; font-size: 30px; font-weight: bold; text-align: left;"><br /></span></div>
    <div style="text-align: center;">
    <span style="background-color: yellow; color: #009400; font-family: 'times new roman'; font-size: 30px; font-weight: bold; text-align: left;">China has stopped yesterday, all Chinese banks from transactions to Afghanistan's banks up to one year, due to latest attack by Uyghurs, according to Reuters news agency.</span></div>
    <div style="text-align: center;">
    <span style="background-color: yellow; color: #009400; font-family: 'times new roman'; font-size: 30px; font-weight: bold; text-align: left;"><br /></span></div>
    <div style="text-align: center;">
    <span style="background-color: yellow; color: #009400; font-family: 'times new roman'; font-size: 30px; font-weight: bold; text-align: left;">The Chinese authorities has sent announcement to the Chinese banks, that they must stop all their businesses with Afghan banks.</span></div>
    <div style="text-align: center;">
    <span style="background-color: yellow; color: #009400; font-family: 'times new roman'; font-size: 30px; font-weight: bold; text-align: left;"><br /></span>
    <br />


    AND if you need more help ...... Turn OFF that autoplay NOISE!
    Chris

    Indifference will be the downfall of mankind, but who cares?

  • #12
    New Coder
    Join Date
    May 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by chrishirst View Post
    Edit your post and remove the background-color: yellow; from the inline styles.

    Code:
    <div style="text-align: center;">
    <span style="background-color: yellow; color: #009400; font-family: 'times new roman'; font-size: 30px; font-weight: bold; text-align: left;"><br /></span></div>
    <div style="text-align: center;">
    <span style="background-color: yellow; color: #009400; font-family: 'times new roman'; font-size: 30px; font-weight: bold; text-align: left;">China has stopped yesterday, all Chinese banks from transactions to Afghanistan's banks up to one year, due to latest attack by Uyghurs, according to Reuters news agency.</span></div>
    <div style="text-align: center;">
    <span style="background-color: yellow; color: #009400; font-family: 'times new roman'; font-size: 30px; font-weight: bold; text-align: left;"><br /></span></div>
    <div style="text-align: center;">
    <span style="background-color: yellow; color: #009400; font-family: 'times new roman'; font-size: 30px; font-weight: bold; text-align: left;">The Chinese authorities has sent announcement to the Chinese banks, that they must stop all their businesses with Afghan banks.</span></div>
    <div style="text-align: center;">
    <span style="background-color: yellow; color: #009400; font-family: 'times new roman'; font-size: 30px; font-weight: bold; text-align: left;"><br /></span>
    <br />


    AND if you need more help ...... Turn OFF that autoplay NOISE!

    Thank you very much for your effort

    I already aware that I can change it from edit posts, the reason that I don't want this way, is because every time I decide to change the color, I have to go there, and change over all posts, which will costs too much time, especially later, when I will have a lots of posts

    I hope if there is a code, that could change it automatically

    I find this article, display a box around text | CSS Creator

    seems useful, but every time I use the code there, the entire post will become white, while highlighted texts, still yellow!!!

    Thanks..I hope article could help expert here

  • #13
    New Coder
    Join Date
    May 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I find today this subject, it seems useful, but I have tried, every background element has changed, except the post background, that I wanted

    this is link: WordPress › Support » Background color for highlighted text for h1 to h6 only under posts

    does any one here know how to apply it, in a true way????

    pleeeeeeease help!!!! I am really so furstrated with my blog...need help!!!!

  • #14
    New Coder
    Join Date
    May 2014
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No one here in the code forum really knows???? I didn't think it is that hard for experts???

    please any one have any knowledge, let me know

    thanks


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •