Chnage width of Content Band Theme

[LucyKeile]

Hi guys,

I installed band theme and also the architecture portfolio content from design cloud ( which is wonderful)
I have my site setting for

I want my images to display bigger it looks like there is some kind of setting on the content, how can I change the width?

I want less space on sides…

I found this code … Thanks in advance.

/*
// Navbar.
*/

.x-navbar {
border-bottom: 0;
background-color: rgba(223, 217, 195, 0.85);
box-shadow: none;
}

.x-navbar .x-btn-navbar.collapsed {
color: #ffffff;
text-shadow: none;
background-color: transparent;
box-shadow: none;
}

.x-navbar .x-btn-navbar {
text-shadow: none;
background-color: transparent;
box-shadow: none;
}

.x-navbar .x-btn-navbar,
.x-navbar .x-btn-navbar.collapsed:hover {
color: #171c33;
}

.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a,
.x-navbar .desktop .x-nav > .current-menu-item > a {
box-shadow: none;
}

.x-navbar .mobile .x-nav {
text-align: center;
}

/*
// Pages.
*/

.h-page-main {
margin: 0;
line-height: 1;
color: #f25a55;
}

.h-page-sub {
margin: 0.5em 0 0;
font-weight: 400;
}

/*
// Blog.
*/

.blog .x-navbar,
.single .x-navbar {
background-color: transparent;
}

.blog .entry-wrap,
.single .entry-wrap {
margin-left: auto;
margin-right: auto;
max-width: 600px;
text-align: center;
background-color: #dfd9c3;
}

/*
// Footer.
*/

.x-colophon.bottom {
border-top: 0;
background-color: #141615;
}

/*
// Shortcodes.
*/

.x-recent-posts .h-recent-posts {
margin: 0.5em 0;
}

.x-recent-posts .x-recent-posts-date {
display: none;
}

[prakash_s]

Hello @LucyKeile,

Thanks for writing to us.

Sometimes it is not possible to provide you exact solution by checking the only screenshot. I would request you to share the exact page URL so that we can give you a proper solution.

Thanks

[LucyKeile]

sorry I forgot to add the secure note.

[tristup]

Hi @LucyKeile,

Images are used as a background image of the columns, and the rows are set with the three columns. Changing the row into three columns to two columns will increase the size of the images. Please find the screenshot in the secure note.

To add the tooltip on the image, add the Title by clicking on the specific image under the Media menu. Please find the screenshot describing the setting.

Thanks

[LucyKeile]

I understand that. My columns are how they should be. I need the site content to display wider. It must be something setting on the architecture template from design cloud.
If I create a page from scratch and select fullwidth and choose columns on my row, that is displaying wider. I need to change the page I already created.

Also I can not add a bio blurb on image title - that is not the effect I am trying to accomplish with tooltip/ popover

Thank you,

[ruenel]

Hello @LucyKeile,

Please edit the mentioned pages and inspect each and every row element that is present on the page. You need to enable the “Inner Container” option in the row settings:

Kindly let us know how it goes.

[LucyKeile]

OMG that is great! Looks wonderful. Now I need to make the images display at a good size in all screen types.
I may have more questions tomorrow.

[marc_a]

Hi @LucyKeile,

You’re welcome and it’s our pleasure to help you. If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.