Content alignment and width

Hello Giulia

Can you provide a link to your website, so we can help in a better way… each theme has its own styles, so it’s very hard to help without knowing which one you are using.

thanks

Wow, rellay quick!

Sure, here you are: appuntigenuini.com

Thank you very much!

I see that you blog has a sidebar (with Categories widget)

Do you want to remove the sidebar, is that it? so the contents fill the entire page (something like this: https://pedger.files.wordpress.com/2015/07/riso_venere_con_gamberi_cozze_e_zucchine_-_appunti_genuini_-_2015-07-29_10-40-40.png )

let me know

sorry, here’s the link to the screen shot again:

https://pedger.files.wordpress.com/2015/07/riso_venere_con_gamberi_cozze_e_zucchine_-_appunti_genuini_-_2015-07-29_10-40-40.png

Thank you Pedger.
No, what I mean is if it’s possible to shift the article in the center of the page, leaving the sidebars in the right end of the page.
But maybe it could be not well balanced, now that you mention it.

Sorry about that…

Can I make up for taking advantage of your kindness for another question?
The bullet points of the “ingredients” that you see in the articles, are always overlapping with the image and I can not move them to the right. Is there any way to align the dots to the “Ingredients” title (so moving them a few mm rightmost)?

Thanks again
Giulia

In that case, what I can recommend is that you use alignment to the right instead of left.

The way that this theme is made make somehow difficult to overcome this problem.

Nonetheless, you can try modifying your CSS rule at style.css line 4993 to 30px instead of 15px, like this:

.alignleft {
  float: left;
  margin: 0 30px 15px 0; }

or add a new rule with your css plugin like this:

.alignleft {
  margin-right: 30px !important; }

Perfect, I’ve modified .alignleft to 30 px insted of 15 px and now img and bullets don’t overlap anymore. Thank you pedger, really appreciated!!!
Giulia

Hi there @pedger, the screenshot you posted is exactly what I’m trying to do. I’m playing with a theme on my blog, https://www.justingrammer.co.uk but it seems to have inherited the right hand sidebar from the old theme and I can;t for the life of me find how to remove it? I’m fairly certain it’s a WordPress setting not a theme feature as the demo theme ( https://demo.athemes.com/moesia/ ) doesn’t have this sidebar. Apologies for hijacking this post Giulia, but it looked like Pedger might have the answer for me!

Thank you,

Justin

Hi @justincgrammer
In your case, it seems that a CSS code is preventing the content to occupy the whole screen.

I found it on line 949 of style.css

.content-area {
	width: 750px;
	float: left;
}

try removing width:750px;, leaving like this:

.content-area {
	float: left;
}

Hope that helps!