egor maltsev
asked 5 years ago

Hi.

Trying to fill new website, but my home page widgets displayed incorrect. For instance, DW Focus News Grid – (http://joxi.ru/wRmzG1NIVlg12O) – incorrect styles (does’nt have black|red header), different image size and qoute text description size (http://joxi.ru/Bv29BaoHjWMVAG). Then DW Focus News List (http://joxi.ru/jgmvBnzH0zapma) – incorrect displayed in monitors with extension less then 800 px.

All recommended plugins are installed and actived, I am trying to set this theme on 4 (4, Karl!) different hosting servises about 20 times. I am trying to use this theme like mine, and with demo data – errors are same.

Last website adress – (and i am trying to publish website in domens 2nd, 3rd and 4rd levels).

3 Answers
DominicStaff
answered 5 years ago

Hi,
Firstly, you can find here for the document guide on how to configure the theme: http://www.designwall.com/guide/dw-focus/

About the DW Focus News Grid widget in the DW Tabs widget as the first image, you can add the following code to the Custom CSS (Dashboard > DW Focus > General setting)

.nav-tabs {
   background: #000;
}
.nav-tabs .active a, .nav-tab .active a:hover {
    position: relative; 
    color: #fff !important;
    background: #ee3224 !important;
    height: 43px !important;
}
.nav-tabs li {
   margin-bottom: 0px;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
   border: none;
}
.nav li a:hover, .nav li a:focus {
    background-color: #111;
}
.nav-tabs li a {
    border: none;
    height: 43px;
    color: #fff;
}

Then add the following code to the style.css file:

.nav-tabs .active a:before, .nav-tabs .active a:hover:before {
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 6px solid #EE3224;
   bottom: -6px;
   content: "";
   height: 0px;
   left: 50%;
   margin-left: -6px;
   position: absolute;
   width: 0px;
}

About second image, this issue came from the image not same height, you can use the image size 700×400 or you can add the image height in the \wp-content\themes\dw-focus\inc\init.php file. Find the line 35.
add_image_size( 'dw-focus-archive', 230, 120 );

About the content, you can use the Read more line or add the content that you want to display to the Excerpt section.
See the screenshot: http://prntscr.com/8f26ug
Note: You can setting to display content or Excerpt in the Widget.

With the third image, I have checked and I think you have resolved this issue.
If you still face any issue, please let us know.
Hope this helps !

egor maltsev
answered 5 years ago
  1. Thanks, work great! (but i add margin-bottom:10px to .nav-tab)
  2. Thanks, but editing line 35 init.php doesn’t work – http://joxi.ru/j1A5BdvHwyzgrE May be i can add any another code?
    Thank you for read more and Excerpt section.
  3. It’s a pitty, but, i doesn’t fix them – http://joxi.ru/lbrR9JGc8zB7A1 I check it in all browsers.
egor maltsev
answered 5 years ago
  1. i fix! i add this code add_image_size( 'dw-focus-archive', 255, 155, true );

But 3rd http://joxi.ru/lbrR9JGc8zB7A1 is terrible:(

dominic Staff
replied 5 years ago

Please send me username & password of your site, I will check and help you resolve this issue.

egmalt
replied 5 years ago

Dominic, delete this comment, please! I forgot, that this NOT private question!!

Powered by DW Question & Answer Pro