rdsites
asked 10 years ago

I am interested in Focus, but the column widths do not support standard ad sizes. I want the right column to be 300px to accommodate 300×250 ads.  Can this be done easily in the theme and if so, will it respond the same for mobile users (on iphone?)

5 Answers
DominicStaff
answered 10 years ago

Hello Russ ! 
To change column width for the DW Focus theme, you can do as the following: 
Step1: Log in to Dashboard > Appearance > Customize > General Setting, add the following code to the Custom wp_head() code:

<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>

Step2: Add the following code to the Custom wp_footer() code:

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

Step3: Move through Dashboard > Setting > Media, then change the image size here: 
See the screesnhot:  Hope this helps !

albigin
answered 8 years ago

Are these instructions up to date?

I have WP 4.5.x and Focus 1.3.0 and I cannot find:

Custom wp_head

nor Custom wp_footer.

Thx

Jeremy White
replied 8 years ago

Same here.

DominicStaff
answered 8 years ago

In the latest version, To make the sidebar width, you can log in to Dashboard then add the following code to the style.css file:


@media (min-width: 1200px ){

 #page {

 max-width: 1227px !important; 

 }

 .container {

 width: 1225px;

 }

 .site-content .content-inner .row .col-lg-9 {

 width: 885px;

 }

 .site-content > .content-inner > .row > .col-lg-3 {

 width: 340px;

 }

 .content-inner:before {

 left: 885px;

 }

}

Hope this helps !

albigin
replied 8 years ago

Thank you!

Masoud Allameh
answered 8 years ago

Hello Dominic,

I am using the 1.0.5 version and WP 4.5

So, I guess my sidebar width is 230px and I need it to be at least 240px for standard ads.

I have no much (just basic information, less than 10 lines) in style.css and when Im going to Dashboard > Appearance > Customize >, there is no much either to change! I totally remember that there were some settings for the theme, but its all gone now.

I have crawled all css and php files to find where I need to change for sidebar width but there was no content or sidebar class and style.css is empty. plus, both template.css and responsive.css are too complicated to find out anything.

p.s : It contains an rtl.css due to display Persian.

Thank you.

Dominic Staff
replied 8 years ago

Which theme are you using? Please send me your site for further checking.

Masoud Allameh
replied 8 years ago

I am using the DW Focus 1.0.5 with WordPress 4.5.
my website : http://www.masoudallameh.com

Thank you for your time.

Dominic Staff
replied 8 years ago

Please send me username & password for the checking, I will help you resolve it. Also, I think you should update the latest version.

Masoud Allameh
replied 8 years ago

Thank you for your help.
Please give me a way – an email for example – to send you the login information.
I did not update to the latest version because I think it might not work well on my website due to lack of rtl.css for the new version, since the language I use for website is Persian.

Dominic Staff
replied 8 years ago

You can send me email: [email protected]

Per Ahm
answered 8 years ago

Same issue here…. would like sidebar to be 300

Running: dw_focus_1.0.9_theme / latest version just do change to much design, so havent updated, because its a big update / change of everything… 🙂

Any help ? 🙂

// Per

Per Ahm
replied 8 years ago

by the way…. dashboard / settings dont work 🙂

Dominic Staff
replied 8 years ago

Please create a private question and send me username & password of your site for further checking, I will help you resolve it.

Dominic Staff
replied 8 years ago

Or you can try the first solution that I have answered 2 years ago. It still works fine for the old version of the DW Focus theme.

Per Ahm
replied 8 years ago

Hi, thats works…. but i then miss the width on rest of page then…
Need to expand menu, but keep rest of the sizes…

Dominic Staff
replied 8 years ago

Please let me know detail about it, you can send me a screenshot for further checking. Also, I’ve got your private question, I will answer it now. If you want, you can send me the screenshot via private question.

Powered by DW Question & Answer Pro