Remove and reduce background in my articles

sampardon

Hi,

So from the screenshot, You can see that there is black space between the masthead and the picture in the article. I would like to be able to control the height of this amount of space. The same goes for the width of the space the article text is in, is this possible?

Thanks,

Sam

Ninja

sampardon
Hi
Add this code in custom.css file and change the padding value as per needs

.itemid-103 .t3-mainbody {
    padding-top: 20px;
}

For the width of articles and height it depends on the content and it auto resize.
if you want to divide the content code, you need to use bootstrap classes in article content html code.
example

div class="col-md-6"> TEXT</div>

Total grid size is 12 , 6 is used to for 50%

sampardon

The code removed my first issue almost completely. However there is this some space in between the article and masthead. Can I remove this as well?

For my second issue, I am not sure where I have to put it in the article html code. Could you further elaborate?

Thx

Ninja

sampardon
Hi
Kindly share the URL of article here, so i can check the space issue you want to remove.
For the custom code. you can open system > global configuration > default editor > NONE.
Now add the code in article editor box.

Regards

sampardon

URL: http://www.beta.pardonstudios.com/index.php/studio

I want to be in control of the amount of space illustrated in the picture below:

Ninja

sampardon
Hi
You have this code in custom.css file

.itemid-103 .t3-mainbody {
    padding-top: 40px;
}

Reduce the value as per needs.

Regards

sampardon

I must have mixed it up with something else, thx