Centering Ingrediants box in blog-single.html

thequanger
Offline
Last seen: 10 months 3 weeks ago
Thu, 09/29/2016 - 02:48
#1
Centering Ingrediants box in blog-single.html

Hi, how do center the Ingrediants box in blog-single.html?

linhpeter0508
linhpeter0508's picture
Offline
Last seen: 1 month 1 week ago
Thu, 09/29/2016 - 10:13

Hi Thequanger,

Sorry, the Ingredients box can't center.

thequanger
Offline
Last seen: 10 months 3 weeks ago
Fri, 09/30/2016 - 00:08

Awww, can you please help make it center?

linhpeter0508
linhpeter0508's picture
Offline
Last seen: 1 month 1 week ago
Fri, 09/30/2016 - 01:26

Hi Thequanger,

Figure 1:

Image title

Figure 2:

Image title

Do you want to change picture 2?

If you want to change then you open file style.css in css folder and save this code to the last line:

.ingredients {
text-align: center;
}

thequanger
Offline
Last seen: 10 months 3 weeks ago
Fri, 09/30/2016 - 05:48

Was hoping to center the entire box on the screen and increase it's width.

linhpeter0508
linhpeter0508's picture
Offline
Last seen: 1 month 1 week ago
Fri, 09/30/2016 - 09:10

Hi Thequanger,

Do you want to change picture?

Image title

If you want to change then you open file style.css in css folder and save this code to the last line:

.post-single .post-content .block-right {
float: none;
}


.block-right .ingredients.item,
.block-right .tips.item{
max-width: 100%;
margin-left: 0;
}


.block-right .ingredients.item .ingre-table {
width: 100%;
}

Log in or register to post comments