Dean
asked 11 years ago

How do I increase the width of the sidebar to accomodate 300px wide graphics and ads?

The css code for this theme is not human readable and has no line-breaks…  I’ve been GREPing through all the code and cannot find it…

4 Answers
Jennifer N
answered 11 years ago

Hi Dean !

In order to enlarge sidebar 300px as you want, we can give you two options.  The best solution as well as avoiding aberrant on iPad and Mobile will be sure only by your confirmation. The enlarging will be invisible on iPad and Mobile. Let me know your opinion.

1/ In order to enlarge sidebar, we will enlarge container and sidebar, but we have re-fix header and footer about changed places.

2/ Enlarge sidebar by reducing content inside, but it will influence on slideshow and will re-fix slideshow.

Regards,
Jennifer

Jennifer N
answered 11 years ago

Hi Dean !

In order to enlarge sidebar 300px as you want, we can give you two options.  The best solution as well as avoiding aberrant on iPad and Mobile will be sure only by your confirmation. The enlarging will be invisible on iPad and Mobile. Let me know your opinion.

1/ In order to enlarge sidebar, we will enlarge container and sidebar, but we have re-fix header and footer about changed places.

2/ Enlarge sidebar by reducing content inside, but it will influence on slideshow and will re-fix slideshow.

Regards,
Jennifer

Dean
answered 11 years ago

I would like to do it myself, but the code looks like it was generated poorly by some kind of design tool…

I need to be able to edit the code myself.  Please wrap the lines of code!

PS, I noticed that the theme is GPL.  I may fork the theme on Github, fix the sloppy code and sell support on it myself if I can’t get any good answers here…

E11
replied 11 years ago

@Dean – same here. If you are able to tweak the theme please drop me a line. I found a lot of bugs but just limited answers from DW how to fix it.

This is annoying.

DominicStaff
answered 11 years ago

Hi !

– Can you copy code follwing and paste :

Wp_head

<style>
@media (min-width: 1110px) {
/* Main */
#main > .container > .row {
background-position: 760px 0;
}

#primary {
width: 700px;
}

.news-slider .carousel {
width: 480px;
}

.news-slider .carousel-inner,
.news-slider .carousel .item,
.news-slider .carousel .carousel-inner .hentry {
height: 100%;
}

.news-slider .carousel-list {
width: 219px;
}

#secondary {
width: 300px;
}

#secondary .entry-thumbnail img {
width: 300px;
}

.single .site-content > .post .entry-content {
max-width: 530px;
}
}
</style>

“WP_head (): http://imgur.com/DuAKxNb

Wp_footer:

<script>
var height = jQuery(‘.news-slider’).height();
jQuery(‘.news-slider .carousel’).css(‘height’, height);
</script>

“WP_footer (): http://imgur.com/amR3OU8

– Dashboard > setting > Media : http://imgur.com/pLIg49O

Regards,

Dominic

Powered by DW Question & Answer Pro