Local vs http css rendering bug

    1. I make a static website on my hard drive; load the page; perfect.
    2. I upload it to my host via FTP; navigate to it; css style does not apply. (View page source confirms no corruption of files. Page renders fine in Edge, Firefox, and Chrome.)

    The page is http://www.windblownministries.com/Projects.html
    The problem element is the A tag right under the logo and menu with this text:
    !!! Follow my Oregon ski trip and Big Lake Camp fundraiser !!!
    It should be bigger and red. The inspector shows that "p.news a" style is never applied, but locally the inspector shows it getting applied.

  • @EdLyons

    It looks like that in Google Chrome, Firefox & Vivaldi 1.7

    And in Vivaldi, p.news.a does got applied. I tried to tweak it related style in devtools & instantly got change.

    In clean Vivaldi 1.6 that red title does looks different. Looks thinner.

  • "It looks like that"
    Like what? Red or black?
    I still go back to all the browsers and refresh and no change. Only Vivaldi fails to apply the style to the http downloaded page. I don't know if you are a Vivaldi dev, but surely you don't think tweaking the devtools is a solution?!
    Notice the screenshot from the inspector. p.news.a is missing between element.style and a
    Thank you for looking at it!

  • @EdLyons

    "It looks like that"
    Like what? Red or black?

    I did provide my screenshot from Vivaldi 1.7.
    It didn't show up on you?
    It's big red fonts.

    No. I'm not devs
    The devs, mods & special people got special named icons on their username.

    And this a screenshot what inspector of that text (which in DevTools) gave me.

  • I guess I should have more specific in my question. Did it appear red or black in the beginning BEFORE you fiddled with the inspector?

  • @EdLyons
    From beginning is red big font.
    In inspector, all I do is trying to change the font size, after I'm sure it show up. I didn't play with color.

    I mentioned DevTools in my 1st post because you said Vivaldi didn't used "p.news.a". I said it show up & just tried to tweak it to see if something change at all.

    And all my browsers show the same thing from the beginning.

  • Moderator

    @EdLyons: It IS bigger and red. You need to center it.

  • Got ya!
    I'm glad it worked in yours. More important that my visitors see it correctly than me! I guess most won't be using V anyways. 😞
    Not sure what is going on with my browser, but oh well.

  • @Ayespy Why? I don't need it centered.
    Apparently there is something wrong with my browser.

  • Moderator

    @EdLyons: Matter of style. It looks better centered. You're not in outline format, It's unrelated to the left-justified text and a subject of its own, so it deserves to be centered. I'm just leaning on my journalism and composition experience from back in the day...

  • Looks fine for me (like the pic that dleon uploaded) used viv 1.7.735.39

    @EdLyons said in Local vs http css rendering bug:

    I guess most won't be using V anyways. 😞

    To change that you might consider to put up a banner or button on your side. --> https://vivaldi.com/buttons/
    Although I've to admit that I'd put them at the bottom for design reasons - they are a bit too flashy. 😰

  • Moderator

    @EdLyons Maybe just the styles didn't update in your browser? Here's what to try in such cases:

    1. Force reload the page and all of its contents including scripts, styles and images (by default: press [CTRL] + [SHIFT] + [R] or [CTRL] + [F5]);
    2. Open the page in Private Window (by default: press [CTRL] + [SHIFT] + [N] to launch a new Private Window or select Menu > File > New Private Window). If the page works correctly in Private Window, then go to step 4.
    3. Disable all extensions;
    4. Clear browsing data and restart the browser if necessary;
    5. Refresh your profile.


Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.