Widget space widget how?

  • Resolved autox420

    (@autox420)


    7 years, 5 months ago

    [ Moderator note: moved to Fixing WordPress. Please do not use Developing with WordPress for these topics. ]

    Hello!

    I edited my sidebar so instead of it going down it going side ways.
    I need a little help i can find margin-left code in the style.css but then it moves the first widget also.
    So i think a space between widget would solve my problem.
    But where exactly can i do this?
    What line what file?

    Old
    Widget 1
    Widget 2
    Widget 3

    New
    Widget 1Widget2Widget3

    How to do this?
    Widget 1 ”space” Widget2 ”space” Widget3

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you show us the page with the widget?
    Unless you are using a Child Theme, you should be making your changes in the “Additional CSS” part of the dashboard.

    Thread Starter autox420

    (@autox420)

    Here is the page: https://mixmaking.we2host.lt/wordpress/

    Hello @autox420

    You can achieve this by applying following CSS code.

    #sidebar {
    float: left;
    width: 1100px;
    overflow: hidden;
    background-color: #242f41;
}

.widget {
    background: #2b0a1f;
    border: 1px solid #551661;
    margin-top: 0px; ! important
    margin-bottom: 0px;
    margin-left: 4px;
    opacity: 0.85;
    float: left;
    width: 360px;
}

    Hope this will help.

    Thanks.

    Thread Starter autox420

    (@autox420)

    Solved it.

    .widget {
	background:#2b0a1f;
	border:1px solid #551661;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
	opacity:0.85;
	float: left;
	width:362px;
	margin-left: 4px;
}

#sidebar {
	float:left;
	width:1300px;
	overflow:hidden;
	margin-left: -4px;
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Widget space widget how?’ is closed to new replies.