right sidebar width > 300px

  • Resolved Invertir en Dividendos

    (@invertir-en-dividendos)


    9 years, 6 months ago

    Still fighting with the theme customization. I am testing with a one column structure (right sidebar).

    With “@media screen and (min-width: 1349px)” I am able to decrease the right sidebar to 250px but I am not able to increase its width above 300px (to 350px for instance). There is enough free room at that part as content size is fixed to 900px and I have been able to leave a 350px right margin . . . .

    It seems there is a 300px limit for the sidebar in some point, but I am not able to find it.

    In functions.php there is a function that returns the sidebar width (it seemed to be limited to 300px or lower depending or side bar), but I have cahnged it without been able to solve.

    I would appreciate any hint of how can it be solved fo this theme.

    Regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author cats_456

    (@cats_456)

    Invertir en Dividendos, this theme doesn’t support it by design and options. You can always set width of any element by using custom css. So you can set any width by css:

    .element {
   width: 100px;
}

    If it doesn’t work you can increase weight of selector or use word !important:

    .element {
   width: 100px !important;
}

    Or you can find current selector by using Developer Tools.

    Your code can break mobile version, be sure all works, use @media queries and test it by decreasing width of the browser.

    Thread Starter Invertir en Dividendos

    (@invertir-en-dividendos)

    Thanks again for your help, I have been able to customize the right side bar width with your indications.

    I will include the code I have added to my child style.css to get a right side-bar with 350px width in case it could help anybody else.

    Regards

    @media screen and (min-width: 1349px) {

	/* right sidebar */
	.right-sidebar-is-on .site-content {
		margin-right: 350px;
		margin-left: auto
	}

	.right-sidebar-is-on  .content {
		background: #fff;
		padding: 10px 0px 40px 0px;
		margin: 0 10px;
	}
	.right-sidebar-is-on .sidebar-right {
		display: block;
		float: right;
		width: 350px !important;
		max-width: 350px;
	}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘right sidebar width > 300px’ is closed to new replies.