What is the width size of Dazzling post area?

Dazzling
1

Hi,

I would like to know what is the width (in px) of the post area in Dazzling theme. Is it possible to make it slimmer?

Yvonne

2

Btw, did you see this post? https://colorlibsupport.com/t/how-to-place-a-logo/

3

Hi Movin,

Can the width of the post area follow the size of the featured image of 730 px? Right now, the text is sticking out. Please refer to attachment.

Can the gap in between the post area and sidebar be reduced by about 5 mm? http://souperdiaries.com/chinese-pear-soup-recipe/

Thanks.

4

Hi @yvonne,

I hope you are well today and thank you for your questions.

I would like to know what is the width (in px) of the post area in Dazzling theme. Is it possible to make it slimmer?

It is 750px and you can change it as described below.

Can the width of the post area follow the size of the featured image of 730 px? Right now, the text is sticking out. Please refer to attachment.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Dazzling Options -> Other -> Custom CSS

.entry-content {
    max-width: 730px;
}
Btw, did you see this post? https://colorlibsupport.com/t/how-to-place-a-logo/

Yes i saw it and already replied on it.

Best Regards,
Movin

5

Hi Movin,

I tried the code but the width of my post text area is still the same. You can refer to it here: http://souperdiaries.com/asam-pedas-ikan/

Yvonne

6

I visited your shared site and saw that you have also added the following line in the custom CSS option which is wrong so please remove it and add the provided CSS code in the top of the custom CSS field.

Admin Area -> Appearance -> Customize -> Dazzling Options -> Other -> Custom CSS

7

Thanks Movin, it worked.

Is it possible to shift the entire post area and featured image closer to the sidebar?

Yvonne

8

You are most welcome here :slight_smile:

Is it possible to shift the entire post area and featured image closer to the sidebar?

Use the below CSS code to achieve this.

@media (min-width: 992px){
body #primary {
    width: 65%;
}
}
9

Hi Movin,

I used the code but now it is too near. Please refer to the screenshot to see how I’d like the space to be.

Thanks.

10

Change the value 65% in the previously shared CSS code to increase / decrease the space between them.

11

Thanks Movin. It looks neater now. :slight_smile:

12

You are most welcome here :slight_smile: