Changing width on one static page

  • Resolved mycolorfuladventures

    (@mycolorfuladventures)


    9 years, 9 months ago

    I am making an interactive map and I’d like the text and the map to take up 100% of my page. This is the link to the page I’m working on: http://www.mycolorfuladventures.com/my-southwest-adventures/

    I tried to find the page ID and enter custom CSS but I’ve only been able to make the width of the page, including the featured image, smaller (even though I’m supposed to be making it bigger.

    Is there any custom CSS I can use to make the body of the page as wide as the featured image?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Siobhan

    (@siobhyb)

    9 years, 9 months ago

    Hi there,

    You could target the content on that particular page by using the .post-598 selector with the following:

    .post-598 .entry-author, .post-598 .entry-content, .post-598 .entry-footer {
    width: 100%;
}

    The width for the map itself appears to be set in the HTML you’ve added to the post for it. Change it by navigating to the Text/HTML tab in the post’s editor and editing the width to 100%:

    <iframe src="https://www.google.com/maps/d/embed?mid=10UWs0c3DytZm0lYXtpe3tEN_ZXs" width="100%" height="480"></iframe>

    Let me know how you get on with that or if extra questions come up.

    Thread Starter mycolorfuladventures

    (@mycolorfuladventures)

    9 years, 9 months ago

    Thank you so much! This worked perfectly! Exactly what I wanted it to look like.

    Siobhan

    (@siobhyb)

    9 years, 9 months ago

    Wonderful! We’re right here if any extra questions come up too.

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

The topic ‘Changing width on one static page’ is closed to new replies.