Davyc

The simplest of things are generally the last to be tried lol 🙂
Glad you got that sorted, if you want some CSS to correct the padding let me know and I'll be happy to help 😉
 

Version 2.0 of ‘Enhanced Forum Views’ has been released with a new ‘Above the Fold’ mode, which drastically removes the clutter above the posts in the topic view. Unnecessary details are either removed entirely or moved to the end of the topic. 

There are some other padding issues going on as well.  Can you say what theme you are using?  Does the same issue appear on the default theme? For example your text should not be butted against the edge of the frame.

There should be 'some' padding to move it away from the edge.  This is either a theme issue or something is seriously wrong with the CSS files.  I would check against an unmodified default theme.

Add this to your custom CSS file and see if it works for you:
.ipsType_richText p:not( [class] ) { margin-top: revert !important; margin-bottom: revert !important; } 🙂
 

A most welcome, useful and positive update which I'm sure users will appreciate 🙂
 

A most welcome, useful and positive update which I'm sure users will appreciate 🙂
 

A most welcome, useful and positive update which I'm sure users will appreciate 🙂
 

Hello, 🙂
Yes it did help. Thank you. 🙂

I made some severe changes to the Our Picks Carousel on the front page, you're welcome to use and adapt the following CSS changes that allows some significant manipulation of the Our Picks.
This is before the changes:

This is after the changes:

 
/* Adjust our picks front page */ [data-role="carouselItems"] .ipsType_medium:not( .ipsType_richText ) { line-height: 1.53; display: none; } .cPromotedWidget_horizontal .cPromotedWidgetItem_content > .cPromotedWidgetItem_contentInner { flex-grow: 1; display: none; } [data-role="carouselItems"] .ipsPhotoPanel.ipsPhotoPanel_tiny.ipsType_blendLinks.ipsType_light { display: none; } [data-blocktitle="Our picks"] .ipsCarousel .ipsCarousel_inner { height: 330px !important; } .cPromotedWidgetItem .cPromotedHeader { min-height: 279px; } .cPromotedWidget_horizontal .cPromotedWidgetItem { width: 187px !important; display: flex; flex-direction: column; } .cPromotedTitle { font-size: 14px; font-weight: 600; } .ipsPad_half.ipsWidget_inner.ipsWidget_bottomBar { display: none; } .ipsBox--child { box-shadow: none; border-style: none !important; border-width: 0px !important; border-color: #26323e !important; } .cPromotedWidget_horizontal .cPromotedWidgetItem_content { padding-bottom: 15px; text-align: center; background: rgb(73 8 46); } Hope that helps 🙂
 

thanks

I made some severe changes to the Our Picks Carousel on the front page, you're welcome to use and adapt the following CSS changes that allows some significant manipulation of the Our Picks.
This is before the changes:

This is after the changes:

 
/* Adjust our picks front page */ [data-role="carouselItems"] .ipsType_medium:not( .ipsType_richText ) { line-height: 1.53; display: none; } .cPromotedWidget_horizontal .cPromotedWidgetItem_content > .cPromotedWidgetItem_contentInner { flex-grow: 1; display: none; } [data-role="carouselItems"] .ipsPhotoPanel.ipsPhotoPanel_tiny.ipsType_blendLinks.ipsType_light { display: none; } [data-blocktitle="Our picks"] .ipsCarousel .ipsCarousel_inner { height: 330px !important; } .cPromotedWidgetItem .cPromotedHeader { min-height: 279px; } .cPromotedWidget_horizontal .cPromotedWidgetItem { width: 187px !important; display: flex; flex-direction: column; } .cPromotedTitle { font-size: 14px; font-weight: 600; } .ipsPad_half.ipsWidget_inner.ipsWidget_bottomBar { display: none; } .ipsBox--child { box-shadow: none; border-style: none !important; border-width: 0px !important; border-color: #26323e !important; } .cPromotedWidget_horizontal .cPromotedWidgetItem_content { padding-bottom: 15px; text-align: center; background: rgb(73 8 46); } Hope that helps 🙂
 

I made some severe changes to the Our Picks Carousel on the front page, you're welcome to use and adapt the following CSS changes that allows some significant manipulation of the Our Picks.
This is before the changes:

This is after the changes:

 
/* Adjust our picks front page */ [data-role="carouselItems"] .ipsType_medium:not( .ipsType_richText ) { line-height: 1.53; display: none; } .cPromotedWidget_horizontal .cPromotedWidgetItem_content > .cPromotedWidgetItem_contentInner { flex-grow: 1; display: none; } [data-role="carouselItems"] .ipsPhotoPanel.ipsPhotoPanel_tiny.ipsType_blendLinks.ipsType_light { display: none; } [data-blocktitle="Our picks"] .ipsCarousel .ipsCarousel_inner { height: 330px !important; } .cPromotedWidgetItem .cPromotedHeader { min-height: 279px; } .cPromotedWidget_horizontal .cPromotedWidgetItem { width: 187px !important; display: flex; flex-direction: column; } .cPromotedTitle { font-size: 14px; font-weight: 600; } .ipsPad_half.ipsWidget_inner.ipsWidget_bottomBar { display: none; } .ipsBox--child { box-shadow: none; border-style: none !important; border-width: 0px !important; border-color: #26323e !important; } .cPromotedWidget_horizontal .cPromotedWidgetItem_content { padding-bottom: 15px; text-align: center; background: rgb(73 8 46); } Hope that helps 🙂
 

If all your images are going to be the same size (I noticed one out of all them is not) then put this into your custom CSS file and it will get rid of the gaps.
.elGalleryFlexbox_cell { height: auto !important; } Try it and see if that works for you 🙂

{{if \IPS\cms\Pages\Page::$currentPage and \IPS\cms\Pages\Page::$currentPage->id == 15}} YOUR CODE {{endif}}  

What type of page is it then? Forums? Blogs? different app?
Provide a link to it - the html content will assist with finding out much more about the page than you've given so far.

<body class="ipsApp ipsApp_front ipsJS_none ipsClearfix" data-controller="core.front.core.app" data-message="" data-pageapp="movies" data-pagelocation="front" data-pagemodule="movies" data-pagecontroller="browse" data-pageid="15" > Try this:
{{if \IPS\Request::i()->app =='movies AND \IPS\Request::i()->id =='15'}} {{endif}} Or if the template is part of the movies app itself, then just this:
{{if \IPS\Request::i()->id =='15'}} {{endif}}

Awaiting MP admin approval
 

Always a pleasure and never a chore, happy to have been of help.  If you need any further help I'm here 🙂
 

I see it now - add this to your custom CSS file:
.cAuthorPane_badge--rank { width: 120px; height: 30px; } That should do the trick - if nothing changes use this instead:
.cAuthorPane_badge--rank { width: 120px !important; height: 30px !important; }  

Whoops. Just fixed it. 🙂 

I get this when looking at your pricing page, both as logged in and logged out (different browsers):

And the error number returned is:

I see it now - add this to your custom CSS file:
.cAuthorPane_badge--rank { width: 120px; height: 30px; } That should do the trick - if nothing changes use this instead:
.cAuthorPane_badge--rank { width: 120px !important; height: 30px !important; }  

@Petra Jane I noticed that your headers in the forums have no padding to take them off the edges of the container; if you add the following to your custom CSS file it will tidy them up for you 🙂
.ipsPageHeader { padding-left: 15px; padding-top: 15px; }  

LInk to website would be helpful, this could just be a simple CSS change 🙂
 

@kmk modified CSS below sorts that issue for smaller screens, if larger screens are affected in the same way then adjustments to the CSS code in an @media command will be needed; hope that helps 🙂
/* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { .ipsCoverPhoto_photo { top: 0px !important; } .cClubCard .ipsPageHead_special { height: 105px; } }