Hi, I`m working on tivacursos.com/. I added some banners in the left sidebar, but they appear separated by a blank space. Also, the images appear with a white border around them. How can I avoid these 2 things?

Best

Hi

The background image styling in the sidebar is

.sidebar img {
padding: 10px;
background: #fff;
border-bottom: 1px solid #e6e6e6;
}

So you need to remove that by adding custom css to override it

Cheers
Paul

With the sidebar spacing try adding

.sidebar .zen-module-body {
padding: 20px 20px 0;
}

and

#sidebar-2 p {margin:0;}

Those two styles will remove some margin

Thanks
Paul

Is there a place in the administrator to edit that or do I need to edit a specific css file of the template?

Thank you-

Boris

Hi Boris,

You probably best editing the custom.css file in the template css folder - it overrides the styling used by the template

Cheers
Paul

All the customisation options are found on this page

docs.joomlabamboo.com/zen-grid-framework-4/theme/customisation.html

If you are struggling with the custom css file

The file it needs to be added to is called custom_rename_to_custom.css or if renamed custom.css (for the file to work it needs to be called custom.css) - this file is protected from being overwritten by template updates

The path to the file is
\templates\template name\css\custom_rename_to_custom.css

via the joomla backend the path is

extensions tab > template manager > Templates (top left in Joomla 3) > "template name" details and files > Edit css/custom_rename_to_custom.css

Cheers
Paul

Thank you, I made those changes. Now I see a space in the lower part between banners in the sidebar of tivacursos.com. Is there a class or id that manages that?

I can't see this style added

#sidebar-2 p {margin:0;}

Cheers
Paul

Thank you Paul!

No problem

Cheers
Paul

I have a similar question. How can I get rid of the blank spaces indicated with a red square in the attached image?

For the bottom red box you need to target

#abovecontent .moduletable {
margin-bottom: 60px;
}

For the second line it may or may not the itemid class that is unique to this page

.itemid-101 .main-content-inner {padding-top: 0px;}

Cheers
Paul

Thank you Paul!

What about the space now indicated with a black square in the attached image, right below the upper banners?



Best,

Boris

Hi Boris,

That is some styling attached to the breadcrumb area - do you plan to use the breadcrumbs in the site?

Cheers
Paul

No, I will not use the breadcrumbs

Boris

Hi Boris,

So you go through the existing styles overriding them in the custom.css or use

#breadcrumbwrap {display:none;}

Cheers
Paul