Add the following code to the `style.css of your <strong>child</strong>theme
To control the section on the right:
#colophon .widget {
float: left;
margin-left: 2.97%;
width: 12.35%; /*play with these values*/
}
To control the width of the textwidget:
.text-5{
width:150px; /*play with these values*/
}`
You probably doNOT have to change th left set:
.tipsy-social-icon-container {
width: 100%;
float: left;
}
You don’t have a childtheme yet?
- Install and activate ‘one click childtheme plugin
- create the childtheme
- activate the childtheme
- Make the changes in the CHILDtheme!
– copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.
== == ==
About finding out ‘which things to change in your site [css / html / php]
Well it’s all a bit like trying to solve a puzzle.
Fortunately there are good tools for that.
In your browser: Install / activate webdevelopment add-ons / plugins.
Recommended: ‘Firebug’ and ‘webdeveloper: http://www.chrispederick.com ‘
These tools will show you what’s what.
e.g. right-click > inspect elements > click left bottom arrow-icon
click item in webpage
Inspect css on the right
alter css values to test effect / result
OK? copy altered css rule
paste it in the style.css of your childtheme.
Alternatively:
Press <F12> a screen will show in the bottom.
Move the mouse over each line
The area shows in the top-half
Press + to unfold parts
Investigate and alter on the right etc.
paste it in the style.css of your childtheme.
