Pages Built the Same Way, Look Different

  • avinan

    (@avinan)


    9 years, 9 months ago

    So I’m working for a company basically picking up where the previous web management guy left off. He had the skeleton of the website done, I’m just fine tuning the pages. I’ve managed to get Page A to look good and to my employer’s satisfaction. However, I’m attempting to make Page B look and feel exactly like Page A (we sell multiple products and we want each page to be similar in build, just show off different things we sell.) I’ve opened the edit pages for both A and B and have made them identical and yet….. Page A still looks great and Page B still looks like trash. Can anyone explain this to me?

    It should be noted, this is my first job working with word press. I’m still learning the ropes. Overall this job is a learning experience.

    Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • anrawool

    (@anrawool)

    9 years, 9 months ago

    The look of the page is controlled by the active theme or a page builder plugin or custom CSS applied to just that page. So if your 2 pages are looking different, it means page A might have been built using some page builder plugin or some custom CSS is being applied to that page. While your page is using the theme. Check the installed plugins to figure out if any page builder plugin was used. If this not the case, then check the style.css or functions.php file to figure out if some CSS is being applied just for page A. If you find anything, just do the same for page B.

    Thread Starter avinan

    (@avinan)

    9 years, 9 months ago

    Alright, so both Page A and B are using SiteOrigin and the SiteOrigin widgets. Page A has a nice centered image in the middle of the screen and 4 boxes of text beneath it in a 2×2 pattern. Box B should look the same way except the picture is all the way to the left (it’s actually a slideshow I’m using the Meta Slider plugin for)and the 4 text boxes are all smushed to the left as well. The text boxes also aren’t the same dimensions as Page A’s, they’re long and narrow instead of wide. I’m using SiteOrigin Features for those boxes (so they have a symbol above them).

    alexgso

    (@alexgso)

    9 years, 9 months ago

    Would it be possible to get a link to these pages? That will allow us to check the markup.

    Thread Starter avinan

    (@avinan)

    9 years, 9 months ago

    Yeah here you go

    http://aaatrophy.tk/

    Thread Starter avinan

    (@avinan)

    9 years, 9 months ago

    Also, Page A is Plaques Page B is Signs

    alexgso

    (@alexgso)

    9 years, 9 months ago

    Hi Avinan,

    Page A has certain rows set to Full Width Stretched while Page B doesn’t. To adjust a rows length you need to open it by clicking the wrench icon to the top right of it, and then head over to the row styles sidebar. Open the layout settings group and adjust the row layout setting. For reference:

    Standard – Whatever the theme default is.
    Full Width – Full width of the container – typically the same as the default.
    Full Width Stretched – Full Width of the browser.

    If you want your entire page builder to be full width stretched I would recommend adding it to a Layout Builder widget (it’s basically a page builder inside of a page builder).

    Thread Starter avinan

    (@avinan)

    9 years, 9 months ago

    Thank you Alexgso,

    Your advice took care of the text issue beautifully. Now the only issue I have is getting the Meta Slider to be centered on the page. It’s updated in case you wanna see again.

    Thanks!

    Thread Starter avinan

    (@avinan)

    9 years, 9 months ago

    Scratch that. it looks as though things have straightened themselves out. Thanks all!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Pages Built the Same Way, Look Different’ is closed to new replies.