Search Results for 'widget '

[v.stishenok]

v.stishenok

#201297

Hi there!

First of all, thank you for a beautiful and powerful theme! I enjoy working with it ever since my purchase but there are a few issues I can’t solve myself due to little to no knowledge of CSS. I gathered all of questions together to ask everything at once so here they are.

1. Social links widget. How can I change the order of icons to display? For example, I need VK to be the first one but I can’t see any drag-and-drop possibilities.

2. Social links widget. How can I make borders od the icons round instead of square?

3. Social links widget AND Testimonial carousel widget. How can I change color of the borders in those two widgets from grey to the one I need?

4. Payment method icons widget. How can I add different images to display in this widget? There are a few local payment methods that should be displayed and that are obviously missing by default.

5. Buttons. How can I change style of the text that appears on the buttons by default? If I need to add button (even in the widgets that supports such option) text always has the same style which I need to change at least as it’s too bold.

6. Padding. I’m using KT simple share on my pages and while on mobile there are no space at all between share icons and sidebar. How can I add a bit of space between them so that page looks a bit more composed?

7. Header and menu. I use a secondary menu which is pinned and always remained on top while scrolling down. If I use Elementor to create pages everything works fine but if I activate Elemetor Pro there is always the same issue as my header (menu to be precise) is overlapping by the content and that shouldn’t be the case. Once I deactivate Elementor Pro, everything works fine. It seems like with activation of the plugin header is no longer “seen” and content of every page overlapping it while scrolling. I’ve already contacted plugin support but they unfortunately said they can’t do anything with that and I should contact theme developer to solve this.

Sorry for a big amount of questions but it’s better to have them in one place rather than bother you every day. Hopefully it won’t be too time consuming for you as most of them requires CSS customization which is definitely one of your strong sides.

Thank you!

Kind regards,
Vladimir

[v.stishenok]

v.stishenok

#201297

Hi there!

First of all, thank you for a beautiful and powerful theme! I enjoy working with it ever since my purchase but there are a few issues I can’t solve myself due to little to no knowledge of CSS. I gathered all of questions together to ask everything at once so here they are.

1. Social links widget. How can I change the order of icons to display? For example, I need VK to be the first one but I can’t see any drag-and-drop possibilities.

2. Social links widget. How can I make borders od the icons round instead of square?

3. Social links widget AND Testimonial carousel widget. How can I change color of the borders in those two widgets from grey to the one I need?

4. Payment method icons widget. How can I add different images to display in this widget? There are a few local payment methods that should be displayed and that are obviously missing by default.

5. Buttons. How can I change style of the text that appears on the buttons by default? If I need to add button (even in the widgets that supports such option) text always has the same style which I need to change at least as it’s too bold.

6. Padding. I’m using KT simple share on my pages and while on mobile there are no space at all between share icons and sidebar. How can I add a bit of space between them so that page looks a bit more composed?

7. Header and menu. I use a secondary menu which is pinned and always remained on top while scrolling down. If I use Elementor to create pages everything works fine but if I activate Elemetor Pro there is always the same issue as my header (menu to be precise) is overlapping by the content and that shouldn’t be the case. Once I deactivate Elementor Pro, everything works fine. It seems like with activation of the plugin header is no longer “seen” and content of every page overlapping it while scrolling. I’ve already contacted plugin support but they unfortunately said they can’t do anything with that and I should contact theme developer to solve this.

Sorry for a big amount of questions but it’s better to have them in one place rather than bother you every day. Hopefully it won’t be too time consuming for you as most of them requires CSS customization which is definitely one of your strong sides.

Thank you!

Kind regards,
Vladimir

[Bernat]

Bernat

#201286

This reply has been marked as private.

[Hannah]

Hannah

#201283

Hi Stevensm,
Try adding this to your custom css box in Theme Options > Advanced Settings:

.sidebar .widget_nav_menu {
    border: 1px solid #000;
    padding: 10px;
}

Does that work for you?

Hannah

[Bernat]

Bernat

#201273

This reply has been marked as private.

[Hannah]

Hannah

#201212

You already haven’t specified any widgets (this is done from Appearance > Widgets). The footer will still show by default, which is why I provided the css to hide it.

Hannah

[Jerry]

Jerry

#201211

Thanks Hannah.

Is there a way to not specify any footer widgets? I do not see that option in Footer Settings Footer Layout.

[Hannah]

Hannah

#201210

The darker orange is the footer base where the copyright text will show and the footer menu if you choose to show it. The lighter orange is the footer content area where your footer widgets would show.

Hannah

[Jerry]

Jerry

#201209

Thanks Hannah,

So the 2 orange bars (one lighter than the other) are part of the footer? I have specified Enable an Extra Footer widget area above the footer as off. So is the one, bottom footer defined with two bands of orange?

[pedro]

pedro

#201201

I can not get results, could it be that the other codes intervene with the new codes? But basically I need that in the home is 0 and in the rest of pages the value goes up between 5 or 7 … thanks

web: oropel.org

PD: my css code:

.pt-cv-readmore {
    color: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: none !important;
}
#content {
    padding-top: 0;
}
.sidebar .widget-title {
    text-transform: uppercase;
}
.home .contentclass {
    padding-top: 0;
}
.contentclass {
    padding-top: 5;
}

[Hannah]

Hannah

#201183

Hi Lee,
Are you a Kadence member? If so, you have access to the kadence widget dock which allows for this. https://www.kadencewp.com/product/kadence-widget-dock/
Otherwise, you can try out a plugin like this: https://wordpress.org/plugins/popup-builder/

Hannah

[Ben Ritner]

Ben Ritner

#201134

Hey,
Here is the css I added for the menu:

@media (min-width: 992px) and (max-width:1200px) {
    .kad-header-right {padding-left:0;}
    .kad-header-right #nav-main ul.sf-menu a {font-size: 21px;}
}

The footer is broken by your html, css isn’t going to fix this correctly because your html has divs that are not closed and you are containing content inside divs that are 7px tall and forcing overflows. This is all through your child theme through the footer template you are editing.

I can’t edit and fix your html without ftp access. So here is a simple hack fix for your html that will at least get it working correctly, from lines 99 to the end of the file you should replace the html with this:

 <div class="footerbase">
        	<div class="container">
        		<div class="footercredits clearfix">
       				
					<div class="double row"></div>  
    		
    		<?php if (has_nav_menu('footer_navigation')) :
        	?><div class="footernav clearfix">
			 <div align="right"><a href="https://kentuckypeerless.com/">HOME</a> - <a href="https://kentuckypeerless.com/product/distillery-tour-louisville/">VISIT</a> - <a href="https://kentuckypeerless.com/our-story/the-peerless-timeline/">STORY</a> - <a href="https://kentuckypeerless.com/shop/">SHOP</a> - <a href="https://kentuckypeerless.com/news/">NEWS</a> - <a href="https://kentuckypeerless.com/contact/">CONNECT</a></div>
			<?php 
              wp_nav_menu(array('theme_location' => 'footer_navigation', 'menu_class' => 'footermenu'));
            ?>
                   
            </div><?php
        	endif;?>
            <div class="footernavtag">           
					<?php dynamic_sidebar('footer_2'); ?><div style="margin:-34px 0px 0px 200px;"><img src="https://kentuckypeerless.com/wp-content/uploads/2018/06/DSP-KY-50.png"/></div>
        	</div>
        </div><!-- credits -->
		<div class="double row"></div>
		<div class="footernavtag2"> 		
				 <center><h6>PEERLESS KENTUCKY STRAIGHT BOURBON & RYE WHISKEY, DISTILLED AND BOTTLED BY KENTUCKY PEERLESS DISTILLING CO. IN LOUISVILLE, KENTUCKY.</h6></center>
				 <center><h6>PEERLESS IS A REGISTERED TRADEMARK. ALL RIGHTS RESERVED, THIS MATERIAL IS INTENDED FOR THOSE ABOVE THE LEGAL DRINKING AGE.</h6></center>
				 <center><h6>&copy; KENTUCKY PEERLESS DISTILLING COMPANY • 120 NORTH 10TH STREET, LOUISVILLE KENTUCKY • PRODUCT OF U.S.A</h6></center>	 
				 <center><h3><img src="https://kentuckypeerless.com/wp-content/uploads/2018/06/a-l-b.png"/>SAVOR SLOWLY . SIP RESPONSIBLY.<img src="https://kentuckypeerless.com/wp-content/uploads/2018/06/a-r-b.png"/></h3></center>	 
			</div>
    </div><!-- container -->	
	</div>
</footer>

Then after that you could add this css:

@media (max-width: 992px) {
.footernav div {
    text-align: center;
}
footer#containerfooter {
    text-align: center !important;
}
.footernavtag {
    width: 100%;
    float: none;
    margin-left: 0;
}
.footernav ul li {
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
}
.footernav.clearfix {
    float: none;
    margin-right: 0;
}

.footernav ul#menu-footer-navagation {
    float: none;
    padding: 0;
}

.footernavtag .widget-first {
    margin-top: 10px;
    padding-bottom: 10px;
}

}
#containerfooter {
    padding-top: 40px;
}
.footercredits {
    padding: 0;
}
.footernavtag2 {
    width: 100%;
    float: none;
    margin-top: 20px;
}
.footernavtag2 h6 {
    float: none;
    line-height: 14px;
    margin: 0;
}
#containerfooter .double.row {
    margin-bottom: 0;
}

That is still a really messy way to go about what your are doing but at least that owuld be valid html and work and be responsive.

[Fabrizio]

Fabrizio

#201118

Dear Support,

Is there a way to show the image name under the actual image in the Virtue:Gallery widget? If not, any alternatives/options?

Thank you,
Fabrizio

[Fabrizio]

Fabrizio

#201118

Dear Support,

Is there a way to show the image name under the actual image in the Virtue:Gallery widget? If not, any alternatives/options?

Thank you,
Fabrizio

[Kevin]

Kevin

#201074

Hello,

Your issue is that you’re adding the products via widget, rather than through the template. Try going to WooCommerce> Settings> Products, and set the page to be your shop page.

Then it will take on the WooCommerce shop template that you can customize in Theme Options> Shop Archive Settings.

Let me know if that works for you.

-Kevin

[Ben Ritner]

Ben Ritner

#201019

Any image widget. You can use virtue: image. But any widget will work. Once you edit the widget look in your right sidebar under the edit popup and you should see “animation options” on the right side.

[Hannah]

Hannah

#201006

You can use both actually! Your static homepage (where you’re using siteorigin) is enabled on the homepage via page content in the homepage layout manager. Then the portfolio carousel can separately be enabled. If you’re wanting the portfolio carousel mixed into your page content you can use this shortcode: [carousel type=portfolio orderby=date columns=4 items=8 speed=9000 scroll=all] Just paste that into a text widget within your site origin editor.
Hope that’s helpful!

Hannah

[Hannah]

Hannah

#200987

Hi Frank,
There isn’t a built-in function to add a spotify icon to the ascend social links widget. I would suggest using a plugin that already has it added as a function. Like this one: https://wordpress.org/plugins/ultimate-social-media-plus/
Hope that’s helpful!

Hannah

[FRANK]

FRANK

#200956

Hello, I hope all is well. How can I add a spotify icon on the Ascend: Social Links widget? If I can’t do it this way, what would be the best option?

[FRANK]

FRANK

#200956

Hello, I hope all is well. How can I add a spotify icon on the Ascend: Social Links widget? If I can’t do it this way, what would be the best option?

[Bernat]

Bernat

#200954

This reply has been marked as private.

[Hannah]

Hannah

#200924

I think this css will fix your image menu items on mobile:

@media (max-width: 768px) {
.image_menu_item_link .image_menu_message h5 {
    opacity: 1 !important;
}
}

Ah sorry, that’s my fault. You can certainly add a row id and that will make finding the class simple! This css should work for hiding your call to actions on mobile:

@media (max-width: 768px) {
.panel-row-style-for-11-0 .kt-ctaw {
    display: none;
}
}

Then make sure you set the margins in those rows to 0 for mobile (from the page builder editor).

As for the image menu overlay, you can add a widget id, then use that id to affect certain menu items. So let’s say you use the id “mecanica”. You can then use this css to affect the overlay:

#mecanica .image_menu_overlay {
background: #03aad3;
}

Hope that’s helpful! And I apologize again for the poor css previously.

Hannah

[Jacqueline]

Jacqueline

#200915

Hi Ben,

Thanks for reply – your css slowed it down, but I want to better understand your column idea:
“Then add your image in one and text in the other column. In each widget you can set animation options so for example in your image widget you can set the animation setting and duration.”

If not using the split image widget but using 2 columns – What kind of image widget are you referring to that has animation and duration settings?

Thanks,
Jackie