Yes because there is code already in that has what you currently have on your blog. There is a line of code that belongs to the comment text color, there is a line of code that places the image of your background the way it is on your page.
It just took me forgetting adding anything to the current code and focusing on what's already there for it to work for me. All I did was add the background which you can do simply by uploading and saving it. (Atleast they made that part easy)
So what I did was pick my image (the wallpaper/background I wanted) I uploaded it and saved the image (since that's the easy part) then I went into Settings: ->Blog: Theme/Customize and opened the HTML.
The part I got stuck is where the people that tried to help me added posts where you had a string of code to add the stuff you wanted. (Changing the font color or adding a background for the comments section or changing the background image position from scrolling to staying still)
You had to type in the code to do what you wanted it to do in the places it was supposed to go. Neither one was working for me.
Then I realized I've already selected the customized "theme" because everyone does when you create the page. So there is already a code embedded that provides it. Yours I think is that note pad looking theme. Mine was the black on black. Regardless there's a code somewhere.
It took me a really long time because I read each line word for word in the HTML section to find what I was looking for but I finally found it. So it should hopefully go faster for you if you give it a try.
Step One (for me) was taking care of the background.
I hated how the background moved behind the foreground all the time instead of the foreground moving over the background. (Wanting the posts to scroll and not your image behind it)
So I looked for the place where the code already had a background section already written in. (Just a little down from the top)
It should look like this:
< meta name = " picture: bg : Background Image" content = " " / >
It was the Background Image part that caught my attention. So I looked closer.
Its about 4 rows down but the background image position is embedded in the code.
You'll see it titled as I pasted above.
The first few lines after the text / css say: customize.colortitle, colorrating, colorbg, and then .bgbody
It looks like this:
{ % if customize.bg % } body { background: url ( " { { customize. bg } } " ) 0 0 scroll ; } { % end if % }
(Keep in mind I added spaces so that the code hopefully shows up. It should all be in a tight line when you see it)
For me I didn't want the background to scroll so I deleted the world SCROLL and put FIXED in its place.
(That prevents the background from moving behind the post and allowing the post to move instead)
Step 2:
After that was done I focused on what color text I wanted for the comments section.
(Scroll down farther about half way on the HTML box) That's where I found the comments code.
It should look like this:
{ % if is Single Post and blog . comments Booklikes % }
(Again, I'm hoping that the code shows up right if I add enough spaces but when you see the code in your HTML box remember there won't be the spaces)
below the SinglePost blog comments Booklikes code - - > ( { % if is Single Post and blog . comments Booklikes % } ) directly beneath it you will see the iframe code.
(The code continues... but all I wanted was to change the color of my comments text so this is the only part I needed to focus on.)
As you can (hopefully) see the code is there. Iframe border = margin : boolikes comment " yadda yadda then COLOR= (AND A NUMBER)
*Note that your color code will be the color for white which is like #FFF I think or some other number*
The number or code after the = sign is what you want to focus on.
You typically see those color numbers when you are in the template menu and you're picking out the colors for your title, and your ratings ribbon and links and stuff. (Example: the code for black is #000000)
Because black is the color I wanted I put in 000000 after color=
Don't forget to take off the hashtag (#) because that will mess it up. Just add the number.
I was provided a really handy color site link with the color pallet and numbers that made deciding the color much easier by As The Page Turns. (Thank you so much for that by the way!)
Note: I'd say hold onto that page if you want to change the color later on in the future or you can just backtrack to the pallet provided in the template it provides the numbers there you can easily copy and paste the number into the space where the color you want to change is. Like if say you want to change the text color to Pink: #F781F3, or Blue #819FF7, or Silver #BDBDBD, or Red #8A2908... whatever. (just remember to leave off the # when you paste the number into the spot where the color number/code goes)
Once you've selected/added what color you want for your text select Save.
That's it.
If your HTML template is anything like mine all you should have to change in the end for both the background and the comment text color is filling in the word Fixed where scroll used to be (if you want your background to stay still) and/or filling in 000000 where FFFF/(or numbercolor you want) where the white code was.
I hope this might help you the way it did me.
Best of luck!
9 years ago
Thanks. I'm actually familiar with colour codes, but couldn't find numbers on the original code and the new code I added from your page didn't have mention of comments. I'll search that word now and see what happens.
Edited to say, I'm sorted now. I stole the code from your page and changed all the pinky-purple stuff to suit my image. ;)
Oh, except comments. Have to identify which line controls those. *mumble*
It just took me forgetting adding anything to the current code and focusing on what's already there for it to work for me. All I did was add the background which you can do simply by uploading and saving it. (Atleast they made that part easy)
So what I did was pick my image (the wallpaper/background I wanted) I uploaded it and saved the image (since that's the easy part) then I went into Settings: ->Blog: Theme/Customize and opened the HTML.
The part I got stuck is where the people that tried to help me added posts where you had a string of code to add the stuff you wanted. (Changing the font color or adding a background for the comments section or changing the background image position from scrolling to staying still)
You had to type in the code to do what you wanted it to do in the places it was supposed to go. Neither one was working for me.
Then I realized I've already selected the customized "theme" because everyone does when you create the page. So there is already a code embedded that provides it. Yours I think is that note pad looking theme. Mine was the black on black. Regardless there's a code somewhere.
It took me a really long time because I read each line word for word in the HTML section to find what I was looking for but I finally found it. So it should hopefully go faster for you if you give it a try.
Step One (for me) was taking care of the background.
I hated how the background moved behind the foreground all the time instead of the foreground moving over the background. (Wanting the posts to scroll and not your image behind it)
So I looked for the place where the code already had a background section already written in. (Just a little down from the top)
It should look like this:
< meta name = " picture: bg : Background Image" content = " " / >
It was the Background Image part that caught my attention. So I looked closer.
Its about 4 rows down but the background image position is embedded in the code.
You'll see it titled as I pasted above.
The first few lines after the text / css say: customize.colortitle, colorrating, colorbg, and then .bgbody
It looks like this:
{ % if customize.bg % } body { background: url ( " { { customize. bg } } " ) 0 0 scroll ; } { % end if % }
(Keep in mind I added spaces so that the code hopefully shows up. It should all be in a tight line when you see it)
For me I didn't want the background to scroll so I deleted the world SCROLL and put FIXED in its place.
(That prevents the background from moving behind the post and allowing the post to move instead)
Step 2:
After that was done I focused on what color text I wanted for the comments section.
(Scroll down farther about half way on the HTML box) That's where I found the comments code.
It should look like this:
{ % if is Single Post and blog . comments Booklikes % }
(Again, I'm hoping that the code shows up right if I add enough spaces but when you see the code in your HTML box remember there won't be the spaces)
below the SinglePost blog comments Booklikes code - - > ( { % if is Single Post and blog . comments Booklikes % } ) directly beneath it you will see the iframe code.
It should look like this:
< i frame frame border= " 0 " border =" 0 " style = " border : 0 ; width : 700 px ; margin : 25p x 15 px ; " width = " 700 " id =" booklikes - comment " src= "http : // booklikes .com /comment ? width = 700 & amp ; color = 000000 & amp ; url = { { post . href } } " > < / i frame >
(The code continues... but all I wanted was to change the color of my comments text so this is the only part I needed to focus on.)
As you can (hopefully) see the code is there. Iframe border = margin : boolikes comment " yadda yadda then COLOR= (AND A NUMBER)
*Note that your color code will be the color for white which is like #FFF I think or some other number*
The number or code after the = sign is what you want to focus on.
You typically see those color numbers when you are in the template menu and you're picking out the colors for your title, and your ratings ribbon and links and stuff. (Example: the code for black is #000000)
Because black is the color I wanted I put in 000000 after color=
Don't forget to take off the hashtag (#) because that will mess it up. Just add the number.
I was provided a really handy color site link with the color pallet and numbers that made deciding the color much easier by As The Page Turns. (Thank you so much for that by the way!)
Note: I'd say hold onto that page if you want to change the color later on in the future or you can just backtrack to the pallet provided in the template it provides the numbers there you can easily copy and paste the number into the space where the color you want to change is. Like if say you want to change the text color to Pink: #F781F3, or Blue #819FF7, or Silver #BDBDBD, or Red #8A2908... whatever. (just remember to leave off the # when you paste the number into the spot where the color number/code goes)
Once you've selected/added what color you want for your text select Save.
That's it.
If your HTML template is anything like mine all you should have to change in the end for both the background and the comment text color is filling in the word Fixed where scroll used to be (if you want your background to stay still) and/or filling in 000000 where FFFF/(or numbercolor you want) where the white code was.
I hope this might help you the way it did me.
Best of luck!