Floyd3

I’ve tried fixing this for hours/days, is why I ask for help. It seems like it would be so simple. I tinkered with messing with both the comments.php and stylesheet as well as googled the problem looking for similar answers but can’t find anything. So only after trying so hard, have I came here asking for help. It’s probably such a simple fix. No one has any ideas? What can I do next, if no one here knows? Does anyone know anywhere else to get help?

alchymyth, any other ideas? or anyone else?

Christine, do you know how to do it the comments.php way? I tried adding the <code> tags to the area where I thought it should go but it didn’t work.

It’s not using different characters… I just made a new comment to be sure… Here is exactly the comment I made:

E :------------------------|------------------------|
B :------------3-----3-----|4---5-6---5-------------|
G :1-----1-----2-----2-----|6---7-8---7-------------|
D :2-----2-----1-----1-----|5---6-7---6-------------|
A :2-----2-----2-----2-----|6---7-8---7-------------|

E :------------------------|0-----------------------|
B :0---------0-----------0-|--0---4-----3---3-2-----|
G :0---0-----------0-------|----0-----0---0---------|
D :------------------------|------------------------|
A :------0---2-------------|------------------0---2-|
E :0---------0-------0-----|0-----2-----3-----------|
and if you don't mind...
E :0-----0-----------------|------------0-----------|

And here is how it is showing up:

E :————————|————————|
B :————3—–3—–|4—5-6—5————-|
G :1—–1—–2—–2—–|6—7-8—7————-|
D :2—–2—–1—–1—–|5—6-7—6————-|
A :2—–2—–2—–2—–|6—7-8—7————-|
E :————————|0———————–|
B :0———0———–0-|–0—4—–3—3-2—–|
G :0—0———–0——-|—-0—–0—0———|
D :————————|————————|
A :——0—2————-|——————0—2-|
E :0———0——-0—–|0—–2—–3———–|
and if you don’t mind…
E :0—–0—————–|————0———–|

You can view it here: https://www.pinkfloydtabs.com/biding-my-time-guitar-tab#comment-58 – it’s the 6th comment.

It appears to be “shortening” the —– lines for some reason. I don’t know why or how to fix it.

OK, I moved it like you suggested, but it’s still showing the lines incorrectly.

Notice the 3rd comment here looks weird.

It is actually typed like this:

E :------------------------|------------------------|
B :------------3-----3-----|4---5-6---5-------------|
G :1-----1-----2-----2-----|6---7-8---7-------------|
D :2-----2-----1-----1-----|5---6-7---6-------------|
A :2-----2-----2-----2-----|6---7-8---7-------------|
E :0-----0-----------------|------------0-----------|

But it is displaying it isn’t displaying it like that as you can see.

It only seems to show correctly if I add the <code> tag before and after. So that’s why I was thinking maybe just make every comment add that <code> tag automatically. Which can probably be done in the comments.php file, unless you know of a way to fix it in the css?

Hi alchymyth, OK, sure it’s https://www.pinkfloydtabs.com

Here is a good example of a tab page that shows why I want to display comments as code: https://www.pinkfloydtabs.com/biding-my-time-guitar-tab

Notice how the 3rd comment is not aligned properly, but the 4th is correct. The 4th is using the “<code>” tag.

The “——-” hypens/lines get shortened for some reason if the code tag is not used, so that’s why I was thinking it might be easiest just to wrap each comment with “<code>” before, and “</code>” after, unless you have any other ideas?

Thanks Christine, I tried doing that. I’ve been messing with it for the last couple of hours, and tried googling it too, but haven’t had any luck.

Do you know what to edit exactly?

This might be a backwards way of doing things actually, I really just want the same font and formatting that the <code> tag does, so maybe this can actually be done with the CSS stylesheet rather than the comments.php file?

I was able to get the CSS to display the courier font, which displays the same font that the <code> tag does, but it still didn’t keep everything “in tact”. For example – comments started to go under the avatar on the left when I wanted to keep it in the same “block”, like they do here… But I noticed when I put <code> around it, it displayed it correct.

So that’s why I thought making every comment as code would be a simple way to fix it, although probably not the best.

SOLVED!

Took me FOREVER to figure this out, but for those that might come across this post in the future, you have to edit the width of the images too! lol

I wish I could edit the first post, it was probably more long-winded than necessary, lol. All I’m really wondering is how to widen a fixed width theme. Does it usually just take tinkering with the width px’s in the CSS till you get it right, or is there usually more to it than that? Like removing/adding of code, etc.?

Cheers,
Floyd3

Does sometimes code need to be removed or added, in addition to just changing the width px?

OK SUCCESS! TEXT PROBLEM FIXED!

If anyone reads this in the future, here is the solution I worked out that finally got it to work:

Add this to your CSS: pre {color:black; font:12px Courier New, Courier, monospace}

Then, in the visual editor, do the “Paste as Plain Text” option. Make sure “Keep linebreaks” is ticked. Select all that was pasted and select “Preformatted” from the dropdown box.

This gets it to display correctly.

Once I get the text problem fixed, I also want to widen the fixed width theme. Can someone point me in the right direction on how to do this too please?

Hi dradgonsjaw, thanks for your response.

I removed the sidebar and it still cuts it off strangely.

If you now re-view https://www.pinkfloydtabs.com/?p=97 – you’ll see what I mean.

Anyone have any other ideas?

I’ve just copy and pasted the tab portion of this page: https://www.pinkfloydonline.com/tab_shine_on_1.html

I want it to look exactly like that page ^.

I know it’s a CSS issue and not WP, I just don’t know how to modify the CSS correctly to get it to look and work right.

Here is the link to the stylesheet: https://www.pinkfloydtabs.com/wp-content/themes/lyricsy/style.css – What could possibly cause the lines to look so different and weird? This is a post page so you can search the style sheet for “post” to see where the tab is being affected.

I’ve gone through the CSS editing many different things to no avail, so that’s why I’m asking for help. Thanks again for any tips or ideas to try.

Appears I need to create a new database, according to that link from Samuel B. (Thanks, Samuel)

Maybe that’s what was causing the problem.

I was trying to put 2 wordpress’s in the same database.

I uploaded the WP install/files via FTP to the pinkfloydtabs.com domain fong.

Hi fong, I didn’t place the wp files in a subfolder because it is it’s own domain, with no files in it… It’s a fresh new domain with a blank slate.

I’m not very good at databases, is it difficult to create a new database? How do I do that?