Skip to main content
Inspiring
April 26, 2017
Answered

Webpage looks differently when published

  • April 26, 2017
  • 4 replies
  • 532 views

Hello, I would love some assistance. I am creating a site using one of Dreamweaver CC's templates. It looks the way I want it in design mode, and in the preview (see screen shot below). But when I upload it to http://new.adtsrc.org it shows up differently in the browser. Namely, the block of text does not cover the entire page and the individual services below are justified left instead of centered. Can anyone tell me why? Thanks!

    This topic has been closed for replies.
    Correct answer Jon Fritz

    There is a selector called...

    .left_article

    ...on line 101 of your multiColumnTemplate.css file that has a width setting of 60%.

    Removing that width setting seems to make it behave as the screenshot shows.

    4 replies

    Kevin E.Author
    Inspiring
    April 27, 2017

    The issue was resolved. At least now I know why it was looking the way it was. The when I would put the page and the css, it was not putting the css style sheets. The window saying that the style sheets had changed on the server and do you want to overwrite would appear and disappear so fast, it would default to no, so the files would not update. Now I need to figure out why my dreamweaver is doing that. I may need to check with Adobe themselves, but if you have any ideas why, I would be open to them. But thanks for your help!

    Kevin E.Author
    Inspiring
    April 27, 2017

    Hello,

    Both of your suggestions are already in my code in Dreamweaver. I guess that's why it is displaying okay in the preview. Are you saying it's not in the code on the server?

    Legend
    April 27, 2017

    Both of your suggestions are already in my code in Dreamweaver. I guess that's why it is displaying okay in the preview. Are you saying it's not in the code on the server?

    In the css file on your server the selector which styles the blocks of text you want centered shows as below. (its the 6th one down)

    .row .columns p {

    padding-left: 10%;

    padding-right: 10%;

    }

    It should be :

    .row .columns p {

        padding-left: 10%;

        padding-right: 10%;

        text-align: center;

    }

    Kevin E.Author
    Inspiring
    April 27, 2017

    Yes, I understand what you are saying. In my source code, what you are recommending is there (see below). I guess the question now is why when I upload the page, this is not being updated. Any suggestions?

    Legend
    April 26, 2017

    For your text centering issue find the css selector below in your css stylesheet - 6 down from the top and add - text-align: center; (as shown below)

    .row .columns p {

        padding-left: 10%;

        padding-right: 10%;

        text-align: center;

    }

    Jon Fritz
    Community Expert
    Jon FritzCommunity ExpertCorrect answer
    Community Expert
    April 26, 2017

    There is a selector called...

    .left_article

    ...on line 101 of your multiColumnTemplate.css file that has a width setting of 60%.

    Removing that width setting seems to make it behave as the screenshot shows.