Skip to main content

Environment: SharePoint 2013

I`ve 2 webpartsWebParts created in SPS2013, in order to align the webpartWebPart on my SharePoint homepage. I had set the width of webpartWebPart 1 using CSS. However that impact the size of the other webpartWebPart. 

Reason - value: div.section-content-wrap (responsible for the body of the webpart) is set as the same value for both webpartWebPart.

My CSS Code -

code

div.section-content-wrap { height: 400px; }

 div.section-content-wrap {
     height: 400px;
  } 

Please suggest how can I just decrease or increase the height of content area for WebpartWebPart 1 only?

Environment: SharePoint 2013

I`ve 2 webparts created in SPS2013, in order to align the webpart on my SharePoint homepage. I had set the width of webpart 1 using CSS. However that impact the size of the other webpart. Reason - value: div.section-content-wrap (responsible for the body of the webpart) is set as the same value for both webpart.

My CSS Code -

code

div.section-content-wrap { height: 400px; }

Please suggest how can I just decrease or increase the height of content area for Webpart 1 only?

Environment: SharePoint 2013

I`ve 2 WebParts created in SPS2013, in order to align the WebPart on my SharePoint homepage. I had set the width of WebPart 1 using CSS. However that impact the size of the other WebPart. 

Reason - value: div.section-content-wrap (responsible for the body of the webpart) is set as the same value for both WebPart.

My CSS Code -

 div.section-content-wrap {
     height: 400px;
  } 

Please suggest how can I just decrease or increase the height of content area for WebPart 1 only?

Source Link
Jason
  • 765
  • 10
  • 28

Reducing width of a webpart impact width of other webpart too

Environment: SharePoint 2013

I`ve 2 webparts created in SPS2013, in order to align the webpart on my SharePoint homepage. I had set the width of webpart 1 using CSS. However that impact the size of the other webpart. Reason - value: div.section-content-wrap (responsible for the body of the webpart) is set as the same value for both webpart.

My CSS Code -

code

div.section-content-wrap { height: 400px; }

Please suggest how can I just decrease or increase the height of content area for Webpart 1 only?