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).
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 !
- Thanks, work great! (but i add margin-bottom:10px to .nav-tab)
- 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. - It’s a pitty, but, i doesn’t fix them – http://joxi.ru/lbrR9JGc8zB7A1 I check it in all browsers.
- i fix! i add this code
add_image_size( 'dw-focus-archive', 255, 155, true );
But 3rd http://joxi.ru/lbrR9JGc8zB7A1 is terrible:(
Please send me username & password of your site, I will check and help you resolve this issue.
Dominic, delete this comment, please! I forgot, that this NOT private question!!
Please login or Register to submit your answer