Changing the width of second-content and then resizing

[Elliot TaylorMember Post count: 2]

Hello,

I have amended the width of second-content and third-content in order for it to fit the sizes of google adspend ads.

It’s worked however I am not too familiar with how the css browser resizing works. It seems that the CSS is overwritten, but by using the PURE Child Theme the re-writing is now ignored.

So I need to add:

#features, #first-content, #second-content, #third-content, #second-content .widget-container, #fourth-content, #fourth-content .widget-container {
float: none;
width: auto;
margin-right: 0;
}

but make it conditional on a resize. Any ideas how I go about this?

Here is the css for the other reszing I mentioned at the start of this post.

#second-content {
float: left;
width: 58%;
margin-right: 3.8%;
}

#third-content {
float: left;
width: 38%;
}

Many thanks for your help and a great theme.

You can see my site here: http://www.burst-times.com

Best,

Elliot

[themeweaverKeymaster Post count: 730]

The resizing uses media queries. In \extend\layout there are different css rules applied to different browser sizes.

[Elliot TaylorMember Post count: 2]

Thanks for the pointer. For anyone else reading I added this to the child theme:

#features,#first-content,#second-content,#third-content, #second-content .widget-container, #fourth-content, #fourth-content .widget-container{
float:none; width:auto;margin-right:0;
}
.flex-caption{ display:none;}

[Author]

Posts