Jackie Lord
asked 9 years ago

This forum section is dedicated for DW Focus 1.2.0. This version gets complete overhaul, if you have any issue or bug, kindly submit question here, I am glad to help you out. I also wish to hear all comments, suggestion to improve DW Focus 1.2.0 further.

More information on the difference between DW Focus 1.2.1 and older version, you can check out this post:
http://www.designwall.com/blog/dw-focus-new-update-version-1-2-0/

Best,
Jakie, Product Lead

ImageandStylemagazine
replied 9 years ago

I need the new version so i can install it. I have the old version where do i get the upgrade?

Jackie
replied 9 years ago

You can download the latest version of DW Focus on your profile if you purchased it.

cbergy21
replied 9 years ago

Tried to download the new improved theme but everytime I click on 1.2.1 in my downloads, it actually downloads 1.2.0 Beta… Could you fix the links? Thanks!

Jackie
replied 9 years ago

I have fixed download link of DW Focus. Thanks for your report!

cbergy21
replied 9 years ago

Thanks Jackie. Can’t wait to try it!

cbergy21
replied 9 years ago

Where do we enter our custom code at? Both header and footer since we can’t access it through Customizer.

Jackie
replied 9 years ago

I will reply your question as an answer below.

macmark
replied 9 years ago

Will there be an option to update an existing 1.09 version of the theme to 1.21 from within WordPress?

kobbyblay
replied 9 years ago

Hi Jackie, I have lost the email details used to purchase the previous template which i am using now http://ghanahealthnest.com/ Any Help?

rcpkrc
replied 9 years ago

Hello, I downloaded the theme but full of Focus Dwan missing. No header headlinews

I http://www.haberkral.com

Jackie
replied 9 years ago

@macmark: As we didn’t provide auto update from WordPress Dashboard for our themes, you need to download DW Focus 1.2.1 from your DesignWall profile and install manually. We also provide download link for DW Focus 1.0.9 in case you want to use the older version or compare codes.

More information on the difference between DW Focus 1.2.1 and older version, you can check out this post:
http://www.designwall.com/blog/dw-focus-new-update-version-1-2-0/

@kobbyblay: I just checked but could not see your email. Could you post your questions here, I will have a look and get it fixed for you.

@rcpkrc: Sorry I am not clear on your question, could you send me a screenshot for further checking?

macmark
replied 9 years ago

Thanks for the follow up sir. I did the download and installation but had to pull the plug when I added the new columns widget and began to get some strange code errors and the columns wouldn’t load.

macmark
replied 9 years ago

Thanks for the follow up sir. I did the download and installation but had to pull the plug when I added the new columns widget and began to get some strange code errors and the columns wouldn’t load.

Jackie
replied 9 years ago

I need a closer look to detect the root of issue, please PM me URL and admin account of your site (Via private answer)

vnet
replied 9 years ago

I tried the template on a copy of the site on another hosted server.

I get this error when using de column widget (also when all plugins enabled).

Fatal error: Call to a member function widget() on a non-object in ……/wp-content/themes/dw-focus/inc/widgets/dw-column-container.php on line 59

Two more questions which came up:
Will there be an alternative for the related items? I will need that.
Where can I put the old custom wp_head() code (beside in a child theme?)

ckubs
replied 9 years ago

I have the same problem as Ron. It’s really annoyng. šŸ™

ckubs
replied 9 years ago

Also, I really miss the related posts feature, an option to choose between nex-previous, numeric pagination or jquery load more as on your other themes.

dominic Staff
replied 9 years ago

About the error in the dw-column-container.php file on line 59, you can create a private question then send me username & password of your site for further checking.

Also, if you display the related posts feature in the single post, you can do as the following:

  • Open the single.php file, add the following code under line 37:

    $tags = wp_get_post_tags( get_the_ID() );
    
        if ($tags) {
            $tag_ids = array();
            foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
            $args=array(
            'tag__in' => $tag_ids,
            'post__not_in' => array(get_the_ID()),
            'posts_per_page'=>3, // Number of related posts to display.
            'ignore_sticky_posts'=>1
            );
            $my_query = new WP_Query( $args );
    
            if( $my_query->have_posts() ) { ?>
                <div class="related-post">
                    <h3><?php _e('Related posts','dw_focus') ?></h3>
                    <div class="row-fluid">
                        <div class="content-inner">
                        <?php
                            while( $my_query->have_posts() ) {
                                $my_query->the_post();
                                get_template_part('content', 'related-post'); 
                             }
                        ?>          
                        </div>
                    </div>
                </div>
    <?php 
            } 
        }
    ?>  
  • Open the dw-focus.css file and add the following code:
.single .site-main .related-post h3 {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #dddddd;
  line-height: 38px;
  color: #000000;
  text-shadow: 0 0 0 #000000;
  margin: 20px 0;
  font-size: 11px;
  text-transform: uppercase;
  font-family: "NovecentowideNormalRegular", Georgia, "Times New Roman", Times, serif;
}
.single .site-main .related-post .hentry {
  width: 30%;
  float: left;
  margin-left: 5%;
}
.single .site-main .related-post .hentry:first-child {
  margin-left: 0;
}
.single .site-main .related-post .content-inner {
  position: relative;
  overflow: hidden;
}
.single .site-main .related-post .content-inner:before,
.single .site-main .related-post .content-inner:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #dddddd;
}
.single .site-main .related-post .content-inner:before {
  left: 32.5%;
}
.single .site-main .related-post .content-inner:after {
  left: 67.5%;
}
.single .site-main .related-post .entry-thumbnail {
  position: relative;
  margin-bottom: 10px;
}
.single .site-main .related-post .entry-thumbnail > a {
  display: inline-block;
  position: relative;
  width: 100%;
}
.single .site-main .related-post .entry-thumbnail > a:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #ffffff;
  position: absolute;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.single .site-main .related-post .entry-thumbnail > a:hover:before {
  animation: hoverthumb 2s;
  -moz-animation: hoverthumb 2s;
  -webkit-animation: hoverthumb 2s;
  -o-animation: hoverthumb 2s;
}
.ie8 .single .site-main .related-post .entry-thumbnail > a:before {
  display: none;
}
.single .site-main .related-post .entry-thumbnail img {
  width: 100%;
}
.single .site-main .related-post .entry-title {
  font-size: 14px;
  line-height: 22px;
  margin-top: 0;
}
.related-post {
  clear: both;
}

@media (max-width: 599px) {
.single .site-main .related-post .content-inner:before,
  .single .site-main .related-post .content-inner:after {
    display: none;
  }
  .single .site-main .related-post .content-inner .hentry {
    width: 100%;
    margin-left: 0;
    border-top: 1px solid #dddddd;
    padding-top: 20px;
    margin-top: 10px;
  }
  .single .site-main .related-post .content-inner .hentry:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  }
  • Open the dw-focus.min.css file and add the following code:
.single .site-main .related-post h3 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #ddd;
    line-height: 38px;
    color: #000;
    text-shadow: 0 0 0 #000;
    margin: 20px 0;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "NovecentowideNormalRegular", Georgia, "Times New Roman", Times, serif
}
.single .site-main .related-post .hentry {
    width: 30%;
    float: left;
    margin-left: 5%
}
.single .site-main .related-post .hentry.has-thumbnail {
    padding-left: 0px;
}

.single .site-main .related-post .hentry:first-child {
    margin-left: 0
}
.single .site-main .related-post .content-inner {
    position: relative;
    overflow: hidden
}
.single .site-main .related-post .content-inner:before, .single .site-main .related-post .content-inner:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background: #ddd
}
.single .site-main .related-post .content-inner:before {
    left: 32.5%
}
.single .site-main .related-post .content-inner:after {
    left: 67.5%
}
.single .site-main .related-post .entry-thumbnail {
    position: relative;
    margin-bottom: 10px
}
.single .site-main .related-post .entry-thumbnail>a {
    display: inline-block;
    position: relative;
    width: 100%
}
.single .site-main .related-post .entry-thumbnail>a:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}
.single .site-main .related-post .entry-thumbnail>a:hover:before {
    animation: hoverthumb 2s;
    -moz-animation: hoverthumb 2s;
    -webkit-animation: hoverthumb 2s;
    -o-animation: hoverthumb 2s
}
.ie8 .single .site-main .related-post .entry-thumbnail>a:before {
    display: none
}
.single .site-main .related-post .entry-thumbnail img {
    width: 100%
}
.single .site-main .related-post .entry-title {
    font-size: 14px;
    line-height: 22px;
    margin-top: 0
}

@vnet, If you want to add the old custom wp_head() code in the child theme, you can find the answer of Jackie Lord under this comment.

Hope this helps !

Mehmet KılıƧ
replied 8 years ago

Hello, I downloaded the theme but full of Focus Dwan missing. No header headlinews

I http://www.habersonuc.com/

5 Answers
Jackie Lord
answered 9 years ago

The better way to put your custom code is create a child Theme of DW Focus. See guide here: https://codex.wordpress.org/Child_Themes

To write custom code to header and footer. You can create a functions.php file on your child theme, and then using my snippets below:

add_action ('wp_head', 'your_custom_header_function' );
function your_custom_header_function() {
    // Your Custom Header code
}

add_action ('wp_footer', 'your_custom_footer_function' );
function your_custom_footer_function() {
    // Your Custom Footer code
}
Roman ivanov
answered 9 years ago

I need to make a side bar width of 300 px and golf news, be reduced accordingly – how to do it?

Fatih Tercan
answered 9 years ago

-i have lost of problem for 1,09 update to 1.2.1. it’s realy terible. Like this http://prntscr.com/7btdxu . Everything is confused.

  • why theme has only a sidebar widget option. version 1.09 has 3 sidebar option.
  • You killed custom code. i think new version should be improve than before. i don’t understand that!
wptrinfo
replied 9 years ago

another problem picture : http://prntscr.com/7bti92

wptrinfo
replied 9 years ago

i turned back 1.0.9 – Version 1.2.1 is silly

cbergy21
replied 9 years ago

I’ve emailed them and also posted here numerous times since last week and I still didn’t get a response from them. It would help to have an accurate documentation of the new revamped theme. All of the docs on this website are for the old version of the theme so nothing to go on.

Jackie Lord
answered 9 years ago

@wptrinfo: I really understand your confusion. As mentioned above, this version gets complete overhaul, and might see potential bugs. This is our answer for your questions:

  1. I have checked DW: Tab Container and DW Focus: News Grid but didn’t see this error http://prntscr.com/7btdxu. Could you send me your site’s username and password (via private answer) for further checking?

  2. About the 3 sidebar positions:
    In the old version of DW Focus, we have registered 3 sidebar positions (Main Sidebar, Category Sidebar, Single Post Sidebar) to give you option to display widgets in Single Post or Category Only. In the new version, you can do the same thing with this plugin:https://wordpress.org/plugins/advanced-widgets/. Anyway it seems many get familiar with the old way of DW Focus, I will consider to bring back this feature in the next update DW Focus 1.2.2

  3. About custom code, as mentioned on this blog post: http://www.designwall.com/blog/dw-focus-new-update-version-1-2-0/, we removed this feature due to security risks: http://wptavern.com/theme-review-guideline-revisions-proposed-for-wordpress-3-9
    You can write custom code by creating a child theme for DW Focus. In the next release, I will include a sample child theme to make it easier for you to customize.

@cbergy21: Sorry for my late reply, your issue will be fixed on DW Focus 1.2.2. This issue only occurs when you put a blank text widget into a container widget.

wptrinfo
replied 9 years ago

jackie i turned back 1.0.9 version. First problem is about cache problem. the problem is resolved when we cleared cache. we have godady managed wordpress hosting. We can’t use w3 total cache. godady has own cache system. I like v1.09 and it’s enough for us thank you.

Jackie
replied 9 years ago

I see upgrade theme always comes with pro and cons, especially when it associates with specific hosting condition. For your new project, I still recommend you go with Focus 1.2.2 as it is not just added with new features but optimised for better performance.

lubimow
replied 9 years ago

2 Jackie Lord. I have the same problem on the main page writes Fatih Tercan

Jackie
replied 9 years ago

Did you update to DW Focus 1.2.2

wptrinfo
replied 9 years ago

ok i will try 1,2,2. i have another question. How can add background image like 1.0.9. like this http://prntscr.com/7czg4o

cbergy21
replied 9 years ago

@Jackie Lord – The new theme v 1.2.2, I get the same exact error as what I mentioned before while trying to set up the header. I can assure you that my text widgets are NOT blank and it still throws the error. I’m just going to go back to the old version, I’ll let everyone else be the tester pigs, I can’t keep breaking our news site over this theme. Sorry.

vnet
replied 9 years ago
dominic Staff
replied 9 years ago

@wptrinfo, If you want to add background image like the screenshot that you provided, you can log in to Dashboard > Customize > Background Image.
See the screenshot: http://prntscr.com/7hygj1

Hope this helps !

wptrinfo
replied 9 years ago

thanks Dominic. i have an another question. On the old theme, when there was a new post, it showed the number of new posts at must read article section. But now there is only 15 of them show in. Is there anyway that we can change it?

wptrinfo
replied 9 years ago

I knowMust Read Articles.. I made a mistake. I wanted to talk about the latest news of the day. like this http://prntscr.com/7hmix8

ckubs george
answered 9 years ago

I notice two big issues regardin DW Focus 2.2. Decided to switch my current theme with this( got it froM Creative Market but I’ll happily purchase it if there won’t be no more big errors) and the archive page, in list mode, the article thumbnails have almost no styling and ones are bigger others are smaller, they pverlap the article title and excerpt as you can see in the screenshot.
http://oi62.tinypic.com/v6lt7q.jpg

Some elements from the article, in my case the MTS WP Review plugin, have their CSS/HTML code outputted in the About Me box and it’s weird as hell. As you can see
http://oi59.tinypic.com/2iggjts.jpg

Jackie
replied 9 years ago

Thanks for your report!
Iā€™m about to release DW Focus 1.2.3 shortly which include the fix for the issue #1.
For the second issue, due to XSS issues on many WordPress themes & plugins in recent times, we already sanitized any ā€œuser contentā€, including user’s description. As seen on the single.php file, we use: <?php echo wp_kses( $author_description, wp_kses_allowed_html( 'pre_user_description' ) ); ?> to print user description with allowed HTML Tags. If you really want to skip this, you can copy the single.php file to your child theme and replace the function above with this: <?php echo $author_description; ?>. But itā€™s not recommended!

PS. Please provide me with your Creative Market Username and Email Address. I can send you the copy of DW Focus 1.2.3 beta before it is officially released.

ckubs
replied 9 years ago

I got the update. The solution is nice but could be better. For example when the archive is in the grid layout, on mobile or when I minimize the browser window, thumbnails go full width. Here, they remain at 230px. About the other problem is the first theme I encounter that issue with. When I have a MTS review box on my page all it’s content and HTML is outputted raw in your about me box.

ckubs
replied 9 years ago

Also I don’t know what is the scope of the word Website I see before the comment form. There it should be written something else like "Comments"?

dominic Staff
replied 9 years ago

This is bug come from our theme, you can open the comments.php file then find the line 76 to remove the "Website" word.
Also, if you want written something else like "Comments" word, you can add the following code to the functions.php file:

function comment_reform ($arg) {
$arg['title_reply'] = __('Submit a comment:');
return $arg;
}
add_filter('comment_form_defaults','comment_reform');

Hope this helps !

ckubs george
answered 9 years ago

DW Column Widget has a major Bug. When used it triggers this error and breaks everything that sits after it on the page: widgets, footer.
Fatal error: Call to a member function widget() on a non-object in /home3/***/public_html/wp-content/themes/dw-focus/inc/widgets/dw-column-container.php on line 59

dominic Staff
replied 9 years ago

To resolve this issue, you can open the dw-column-container.php file.
Replace the following code (line 41 to line 67):

foreach ( $widgets as $widget ) {
                $url = rawurldecode( $widget );
                parse_str( $url, $s );
                $widget_instance = ! empty( $s[ 'widget-'.$s['id_base'] ] ) ? array_shift( $s[ 'widget-'.$s['id_base'] ] ) : array();

                $widget = $this->dw_get_widgets( $s['id_base'], $i );

                $widget_options = $widget->widget_options;
                ?>
                <div class="<?php echo esc_attr( $column ); ?> <?php echo esc_attr( $widget_options['classname'] ); ?>" id="<?php echo esc_attr( $s['widget-id'] ); ?>">
                <?php
                    $default_args = array(
                        'widget_id' => $this->id.'-'.$s['widget-id'],
                        'before_widget' => '',
                        'after_widget' => '',
                        'before_title' => '<h3 class="widget-title">',
                        'after_title' => '</h3>',
                    );
                    $widget->widget( $default_args, $widget_instance );
                ?>
                </div> <?php
                if ( ( 0 === $i % $instance['column'] ) && ( $i < $item_count ) ) {
                    ?> </div> <?php
                    ?> <div class="row"> <?php
                }
                $i++;
            }

With new code:

foreach ( $widgets as $widget ) {
                if ( ! empty( $widget ) ) {
                    $url = rawurldecode( $widget );
                    parse_str( $url, $s );
                    $widget_instance = ! empty( $s[ 'widget-'.$s['id_base'] ] ) ? array_shift( $s[ 'widget-'.$s['id_base'] ] ) : array();

                    $widget = $this->dw_get_widgets( $s['id_base'], $i );

                    $widget_options = $widget->widget_options;
                    ?>
                    <div class="<?php echo esc_attr( $column ); ?> <?php echo esc_attr( $widget_options['classname'] ); ?>" id="<?php echo esc_attr( $s['widget-id'] ); ?>">
                    <?php
                        $default_args = array(
                            'widget_id' => $this->id.'-'.$s['widget-id'],
                            'before_widget' => '',
                            'after_widget' => '',
                            'before_title' => '<h3 class="widget-title">',
                            'after_title' => '</h3>',
                        );
                        $widget->widget( $default_args, $widget_instance );
                    ?>
                    </div> <?php
                    if ( ( 0 === $i % $instance['column'] ) && ( $i < $item_count ) ) {
                        ?> </div> <div class="row"> <?php
                    }
                    $i++;
                }
            }

Hope this helps !

ckubs
replied 9 years ago

Yes, it worked. Thank you. If this is a general bug not just my problem, the fix should made it to the next release. Also the upcoming mega Menu plugin would be a nice addition to amke it perfect and maybe you can consider adding a swipe script to your sliders. I know you want to make this theme as fast as possible, but that would be awesome.

Olusegun Mustapha
answered 9 years ago

Hi Jackie Lord,

I am trying to upgrade my website with the latest update of dw focus. Since we cant add custom code in header and footer through the customized menu of the previous version, i have created a child theme to be used and i followed the step mention in wordpress(https://codex.wordpress.org/Child_Themes).
My observation is that the style.css of the child’s theme seems not override the parent theme.
this is the code i added to the function.php of the child theme after the open tag <?php

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}

…and am trying to change the color of the footer by adding this code in the style.css of the child themes after the style sheet header information

.site-footer {
    background: #00984a;
}

i tried adding the code to the ‘edit css’ found under appearance > Edit css menu and it worked perfectly but the disadvantage of using this method is that the codes will wipe out when i change theme so i have to stick to using the child theme to makes changes.
can i have a copy of the function.php and style.css of how the child theme for dw focus should look like.
Thanks

Olusegun Mustapha
answered 9 years ago

Hi Dominic,

I observed a big issue on single post page after updating to dw-focus 1.2.3.
The twitter and linkedin social sharing button are not appearing on the post page.
I don’t know if this is a bug or something am not doing right.
see the screenshot

Olusegun Mustapha
answered 9 years ago

Hi Jackie,
I notice that some widget are missing in the new dw focus 1.2.2
widgets like

  • category top content
  • Category bottom content
  • Blogpost top content
  • Blog post bottom content

attached is the screenshot of the widgets present in the dw focus 1.0.6 am currently using for a website(tell.ng)
How can i make these widgets appear in the new dw focus as i need to place adverts on those widget after i finally upgrade to the new theme.

enter link description here
Thanks

dominic Staff
replied 9 years ago

Some change about Widget in the latest version:

  • For Popular News, Featured News, News Carousel you can use new widget: DW Focus: News Grid instead.
  • For News Carousel, you can use new widget: DW Focus: News List instead.
  • For Headlines, you can use new widget: DW Focus: News Ticker instead.
  • For News Category, you can use new widget: DW Focus: News List instead
    Also you can refer here: http://www.designwall.com/guide/dw-focus/
    Hope this helps !
Nina Petrop
answered 9 years ago

How do I get rid of the "FOCUS" logo that appears on the mobile navigation menu? I can’t find it anywhere in the customize, menu, or widget options.

Thanks.

dominic Staff
replied 9 years ago

You can log in to Dashboard > Customize > Site Title & TagLine Settings.
See the screenshot: http://prntscr.com/7upama
Also, you can find here for the document guide on how to configure the theme: http://www.designwall.com/guide/dw-focus/
Hope this helps !

Powered by DW Question & Answer Pro