Hollie Sehrt
asked 8 years ago

I would like the header and logo height to be bigger/taller. How do I do this?

5 Answers
Kido D
answered 8 years ago

Hi Hollie,  
Currently, the logo size is limited to 60px height, you can change it by going to Dashboard / Appearance / Customize / Custom Code, and add the code below to Header Code section:  

 <style>
@media (min-width: 992px) {
.site-header .block-2 .display-logo img {
max-height: ...px;
}
}
</style>

or make the logo 100% available height with the following code:

 <style>
@media (min-width: 992px) {
.site-header .block-2 .display-logo img {
max-height: 100%;
}
}
</style>

  Hope that helps!

Hollie Sehrt
replied 8 years ago

Okay, thanks, but in the meantime, could you help me install the XML file so that the site looks exactly like the demo version? I sent you all login details for host and wordpress site in a private message. Thanks.

DominicStaff
answered 8 years ago

Hi Hollie !
We have installed the theme on the hosting.

Hollie Sehrt
replied 8 years ago

Thanks! One other question. I don’t want the navigation arrows on the home slider and would like the slider instead to auto-scroll through each slider image. Is that something I can set up and if so, how? Thanks!

Hollie Sehrt
answered 8 years ago

Also, I put an iframe code (from webstagram) in a text widget on the homepage, but it’s getting cut off (go to jollyjiva.com to see – bottom right). Is there something I’m missing? Thanks

Kido D
answered 8 years ago

Hi Hollie,

To resolve the iframe issue, please go to Dashboard / Appearance / Customize / Custom Code, and add the code below to Header Code section:

 <style>
.entry-content iframe {width: 100%;}
</style>

 
About the slider, did you mean you want to add the indicators for slider? If so, please open up the sliders.php file in themes/dw-trendy/inc folder, find the code below (around line 154):

 <div class="carousel-inner">

.. and add the following code right above it:

 <ol class="carousel-indicators">
<?php for ($i = 0; $i < count($slides); $i++) { ?>
<li data-target="#slide-<?php echo $id ?>" data-slide-to="<?php echo $i ?>"></li>
<?php } ?>
</ol>

  Hope that helps!

Hollie Sehrt
replied 8 years ago

I don’t want to add the indicators. I want the slideshow to automatically transition from one slide to the next (so you don’t need to click to move from slider to slider). Is that possible?

Hollie Sehrt
replied 8 years ago

I would also like to remove the “Add to cart” buttons for now (or at least replace them with “Available Soon”) – How do I do this?

Hollie Sehrt
replied 8 years ago

Last and final question (hopefully): On homepage > WooCommerce Products Slide Widget, how do I stop the auto-scroll? Currently, I have 4 products and I want all 4 products to be static on the homepage in 4 columns with no auto-scrolling. Thanks.

Hollie Sehrt
replied 8 years ago

Hi, are you able to help me with these issues? Thanks!

Kido D
answered 8 years ago

Hi Hollie,      
Sorry for the late response, to remove the Add to Cart button, please go to Dashboard / Appearance / Customize / Custom Code, and add the code below to Header Code section:    

 <style>
.add_to_cart_button,.single_add_to_cart_button {
display:none!important;
}
</style>

  About the main slide and the product slide, please open up the main.js file in themes/dw-trendy/assets/js folder, find the code below (around line 193):  

 // Product slide 

  and change it into this:

 // Homeslide - auto-scroll after 3s
$('.dw-trendy-slide').carousel({
interval: 3000
});
// Product slide - stop auto-scroll
$('.dw-products-slide').carousel({
interval: 0
});

    Hope this helps!

Hollie Sehrt
replied 8 years ago

Thanks! How to I center the main slide/product slide on the homepage so that it’s centered in the browser? Right now it’s left-aligned with a bit of space to the right.

And is there a resolution to this issue I had regarding the main home slideshow?…
I don’t want to add the indicators. I want the slideshow to automatically transition from one slide to the next (so you don’t need to click to move from slider to slider). Is that possible?

Kido D
answered 8 years ago

Hi Hollie,    
To resolve the issues, please open the main.js file in themes/dw-trendy/assets/js folder, and replace all the code in that file with the new code in the link here: http://snippi.com/s/i4b9qzl    
If the problems persists, please send me your WordPress admin account and FTP info in a private answer so that I can help you out.    
Regards,

DominicStaff
answered 8 years ago

Hi Hollie !
1. If you want to get 4 columns, You can add the following code to the Header code (Dashboard > Appearance > Customize > Custom Code).

 <style>
.dw-products-slide .no-grid {
   margin:0 0 0 214px;
}
</style>

– To disable auto scroll on the Carousel in the DW Trendy, You can open the main.js file. Find the line 193, add the following code under line 193:

 $('.dw-products-slide').carousel({
 interval: 0
});

2. To get the welcome message / top menu (left and right), You can log in to Dashboard > Appearance > Customize > Custom Code, add the following code to the “Header Code” area.

 <style>
.site-header .block-1 {
   padding-top: 80px;
}
</style>

3. To remove the extra space at the bottom of the 2 columns on the homepage, You can log in to Dashboard > Appearance > Customize > Custom Code, add the following code to the “Header Code” area.

 <style>
.site-footer {
    margin-top: -165px;
}
</style>

Hope this helps !

Hollie Sehrt
replied 8 years ago

Great thanks! For the top menu (left and right), how do I get the right and left border to not extend all the way up to the height of the logo? See what I mean here: http://www.jollyjiva.com

I would like it to just extend to the height of the top menu contents (so roughly half the height of what it is now)

Dominic Staff
replied 8 years ago

Hi Hollie !
You can log in to Dashboard > Appearance > Customize > Custom Code, add the following code to the “Header Code” area.

Powered by DW Question & Answer Pro