This theme is responsive. You would have to identify the screen size you want to change. Your theme adjust the size based on the viewport of the user.
Each size has it own styles. The styles are controlled in the style sheet with statements like this
@media (max-width:900px) and (min-width:320px)
The new rule would have to target the same range as the old rule.
Hi Mr Tom – My screen size is sine, and responsive as you say. It’s the distance between the body text and the edge of the page I want to be able to change…
I think this will be a much bigger project than you might expect. The theme has some design problems that will probably be difficult to overcome.
The theme author used a lot of inline styles. These styles are difficult to override. The only way you can really override them is with the !important keyword.
In the style.css the !important tag is used 67 times. I have a hard time following the logic of this theme. It better you try to get the developer involved in the changes you want.
Hi Cromerty
apply style
https://alteregovoices.com/blog
Please try below
@media screen and (min-width : 641px){
.index.archives{
margin-right:100px;
}
}
Thank you
Hi Nobita – No that didn’t change it – there is still a left hand margin on https://alteregovoices.com/blog, and very small margins which I would like to increase a bit on https://alteregovoices.com.
The margins on https://alteregovoices.com/british-female-voice-over/using-weibo-to-promote-your-voice-over-business are a little too wide 🙂
you want to narrow the left margin ?
Please try below
.yui-t1 #yui-main .yui-b{
margin-left:0;
}
That worked on this page :
https://alteregovoices.com/blog
But I would also like to
1) set the right margin there to the same width (I’d like the standard margin width to be about 5 px).
2) Do the same to the page https://alteregovoices.com/british-female-voice-over/using-weibo-to-promote-your-voice-over-business
3) Also to do something similar to this page https://alteregovoices.com/
It seems to be three different places.
Thank you!!!
I’ve sorted out point (1) above – just points 2 and 3 remaining, if you’ve got chance 🙂
2)
open single.php
if ( !defined( 'ABSPATH' ) ) {
exit;
}
$raindrops_home_url = trailingslashit( home_url() );
$raindrops_current_column = raindrops_column_controller();
$raindrops_keep_content_width = false; // add this line
3)
#post-47 article{
margin-left:20px;
margin-right:20px;
}
When I copied the code for (3) into single.php, it made the single blog page just white.
So how can I change the margin sizes on the single blog posts please,
and also on the single pages. (eg on https://alteregovoices.com)
Thank you for all your help!!!
single.php
PHP error has occurred
Please retry.
Enough carefully, please add only the specified line
$raindrops_keep_content_width. It is a variable to be adjusted to automatically close width to the displayed area in the editor.
Thank you.
Yes – I added just the one line (ignoring point 3), and the single post works fine.
So how can I change the margin SIZES on the single blog posts please,
and also on the single PAGES. (eg on https://alteregovoices.com)
Please try belos
.page #doc3 article,
.home #doc3 article{
margin:0 10px!important;
}
