Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author hyunster

    (@hyunster)

    Hi I think some information on that page is outdated. The following by no means a complete and final solution for you. But would be a starting point for you to experiment with.

    Add the following into the Simple Custom CSS plugin.

    .aesop-component {
    margin-left:-100%;
    margin-right:-100%;
    }

    Thread Starter lcwarnke

    (@lcwarnke)

    Thanks for the quick response. replaced with just your code in the simple custom CSS plugin and same.
    https://puppy-kisses.com/puppy-kisses-story-project/

    Plugin Author hyunster

    (@hyunster)

    Hi the code I gave you works for some themes but this theme is more complex. The first thing you have to do is add

    .l-page-width{
    max-width:100%;
    padding-left:0;
    padding-right:0;
    }

    to “break” the container like the article says. Then restore the width of 1170px for everything but the aesop components like the article describes. It’s hard for me to come up with complete codes without the access to theme however. But obviously you can’t copy and paste the codes from the example since the class definitions are different between themes. You can learn about the class structures of theme by right-click on the browser and selecting “inspect.” Hope this information helps.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘trying to get full width’ is closed to new replies.