Border Help Options

[effeffioneh]

Hi all!

I just want to apologise in advance if this isn't the correct place to be asking such a question - I'm just a clueless gal looking for some advice!

I have no idea how to describe the problem I'm experiencing but I'll do every thing I can to explain it to the best of my ability: I'm having an issue with a Tumblr theme HTML where the page borders seem to be running through text.
I've had the same theme for a number of years now but Tumblr recently updated their encryption policies and in order for me to be able to customise my blog I had to replace all http urls with https ones, but doing so seems to have affected the way in which the page borders work. On my old blog (using the non-updated version of the theme) the borders seem to "hug" themselves to whatever text is inserted alongside them, but on my newer blog (using the updated theme) the borders just run straight through the text - is there any way of fixing this? In example, is there anything that I could add to the HTML to rectify the issue?
I'm afraid I don't have the knowledge to be able to add any complex to it; I can only edit what's in front of me so, any help would be greatly appreciated!

I realise that this will probably by very vague to anyone reading so, if you have any questions you'd like to ask for some clarification then by all means, please - ask away!
I'm happy to provide links to the HTML's and such; I've attached images to show what's happening, below.

Thank you in advance to anyone who responds!

How the border should look:

How it appears with the updated https:

[Christian J]

Hi!

I had to replace all http urls with https ones, but doing so seems to have affected the way in which the page borders work.

Could you post a link to the page?

In the meantime (unless you've changed something else), only thing I can think of is that the URL of some CSS or JS file has become broken.

How the border should look:

How it appears with the updated https:

Alas there's a forum bug that prevents attached PNG images to appear, sorry about that! I think attached JPG or GIF files should work though.

[effeffioneh]

Hi!

I had to replace all http urls with https ones, but doing so seems to have affected the way in which the page borders work.

Could you post a link to the page?

In the meantime (unless you've changed something else), only thing I can think of is that the URL of some CSS or JS file has become broken.

How the border should look:

How it appears with the updated https:

Alas there's a forum bug that prevents attached PNG images to appear, sorry about that! I think attached JPG or GIF files should work though.

Hey, thank you so much for your response!

The url for my current blog is: https://effeffioneh.tumblr.com/
The url for my old one is: https://communionn.tumblr.com/

Additionally, thank you for letting me know about the PNG bug - I was wondering why they weren't showing up, hahaha!
I've tried attaching them as JPEGs but I still can't get them to work, so I'll just post links to each below and hope for the best

This is how the border should look: https://ibb.co/JFYWdc6
This is how it appears with the updated https: https://ibb.co/L1xD5F8

I probably should have mentioned before that, I realise they aren't at least what I would consider to be 'borders' - that's just what they seem to be listed as in the code!

Thank you in advance!

[Christian J]

The "background-color" value below (from the embedded stylesheet on https://effeffioneh.tumblr.com/ ) is wrong:

CODE

#title a {
    font-weight: bold;
    text-align: right;
    padding: 2px 0px 2px 4px;
    color: #000000;
    background-color: {color:background}fff;
    letter-spacing: 2px;
    font-size: 8px;
    line-height: 18px;
    text-transform: uppercase;
    font-family: consolas;
}

Same here:

CODE

#info a {
    text-transform: uppercase;
    background-color: {color:background}fff;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 2px 6px 2px 0px;
    font-family: consolas;
    font-size: 8px;
}

...so the backgrounds are not applied, and don't cover the borders as intended. Change the lines to:

CODE

background-color: #fff;

Normally you could use a text editor, but I'm not sure how Tumblr works.

[pandy]

Probably nothing further down in the style sheet is applied either.