Hi there,
Currently I have my website fully mobile optimised which is great – but for the desktop is there a way of aligning the text with the header image (ie 964 horizontally) – https://www.ppcguru4hire.com
That empty space to the right hand of the content is intended sidebar widgets that you can add via Appearance > Widgets. If you don’t intend to add any sidebar widgets then you can remove that space with some custom CSS.
To add custom CSS: Firstly set up a child theme or activate a custom CSS plugin. (If you have Jetpack installed then you can activate its custom CSS module.)
Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme:
#posts {
width: 100%;
}
I tested the above snippet across screens of various sizes and it works well, so mobile shouldn’t be a concern.
Please note, however, that any widgets you may add to the sidebar via Appearance > Widgets will be pushed below the content with the above custom CSS in place.
Finally, is there a way to get rid of the left and right hand columns ie blank space on the whole page (or at least reduce them)?
You could increase the width of that space to achieve what you’re after:
#content .wrapper {
width: 92%;
}
Increase/decrease the value of width to your liking.
Hope that’s helpful! As I noted here, Theme Isle point to their forum here on the theme’s description. This therefore may be the best place for you to get support if you have further questions on the theme:
https://themeisle.com/forums/forum/lawyeria-lite/
Thanks!
