Hollie Sehrt
asked 10 years ago

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

5 Answers
Kido D
answered 10 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 10 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 10 years ago

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

Hollie Sehrt
replied 10 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 10 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 10 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 10 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 10 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 10 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 10 years ago

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

Kido D
answered 10 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 10 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 10 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 10 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 10 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 10 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