Chris Berg
asked 7 years ago

Hey guys and gals,

I’m testing out the latest version of the DW Focus theme and am having a lot more luck getting everything to work right now. Thanks for the continued updates!

Anyways I did come across the News Slider. If you go to http://dev.mallorypainting.com/ , you’ll notice the slider cutting the headline off at the bottom. How do I make it larger? Thanks!

4 Answers
DominicStaff
answered 7 years ago

Hi,
To resolve this issue, you can add the following code to the style.css file:

.dw_focus_widget_news_slider .carousel-inner img {
  height: 400px;
}

Hope this helps !

cbergy21
replied 7 years ago

Thank you, that worked well.

cbergy21
replied 7 years ago

Now on the same news slider, there are some dates posted and other slides just have the clock symbol. How could I make it so it posts the date on all of them and not just some of them? Even down in the news lists below the slider, there are some dates missing. I have the "Post date" check marked in each widget so it should be working.

dominic Staff
replied 7 years ago

The date only occurs once per day. ie for 2 posts on the same day one will be without the date. It is a WP function. To get what you want replace with the php function get time, You can open the \wp-content\themes\dw-focus\inc\widgets\dw-focus-news-slider.php file and find the line 101.

Instead of using: the_date();

Use the following: the_time('F j, Y');

See the screenshot: http://prntscr.com/7hikd0

NOTE: You can find the_date(); in your template folder in one or many of the .php files. Simply replace where desired.
Hope this helps !

cbergy21
replied 7 years ago

Thank you, that worked perfectly.

Yvonne Le
answered 7 years ago

Hi!

I am facing the same issue. But when adding that code the images get stretched out when visiting the website using a smaller window, like the phone. Is there any other way around? I tried to resize the images to 500×400 but nothing changes.

dominic Staff
replied 7 years ago

Please send me your site URl Focus further checking.

Tom Atkinson
answered 6 years ago

Same problem as Yvonne I think.

If you add the custom css and make the slider image 400px, it makes the image look fine on a desktop. But on a mobile device the slider image is too tall and looks stretched.

How can you keep the desktop at 400px, but reduce the image to fit a smaller viewport?

DominicStaff
answered 6 years ago

You can use the following code:

@media (min-width: 997px) {
.dw_focus_widget_news_slider .carousel-inner img {

 height: 400px;

}

}

If you still face there issue, you can send me your site for further checking.

Tom Atkinson
replied 6 years ago

That fixed it! Thank you!

Powered by DW Question & Answer Pro