Search Results for 'widget '

[Hannah]

Hannah

#229232

Hey David,
This will adjust the size:

.sf-menu .kadence_social_widget a i {
    font-size: 18px;
}

This will remove the border and margin:

.kadence_social_widget.clearfix a {
    border: 0;
    margin: 0;
}

And this will remove the background on hover:

.kadence_social_widget.clearfix a:hover {
    background: transparent;
}

Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#229100

If you want tabs where the title is part of the id you need to use our blocks. The shortcodes don’t have this option.

For shortcodes you have to set the ID in the tabs part of the shortcode then use the script hannah sent, I tweaked it on your site since it was actually written for the tabs widget:

<script type="text/javascript">
jQuery(document).ready(function ($) {
var url = document.location.toString();
if (url.match('#')) {$('.kt-tabs a[href=#'+url.split('#')[1]+']').tab('show') ;} 

  $('.kt-tabs a').on('show.bs.tab', function (e) {
    window.location.hash = e.target.hash;
  });
});
</script>

I just added it please see this link: https://ursuladiem.at/portfolio-people/#sctab12

[John Paul]

John Paul

#229071

Hi Team…

I am just wondering if it is possible to add this HTML code in the footer of my child theme in the “Appearance / Theme Editor” section?

I want to limit the widgets I’m running…

This is the code:

<!– Load Facebook SDK for JavaScript –>
<div id=”fb-root”></div>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : ‘v3.3’
});
};

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = ‘*Login to see link
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

<!– Your customer chat code –>
<div class=”fb-customerchat”
attribution=setup_tool
page_id=”1076295472421698″>
</div>

I am trying to achieve the same FB messenger as this website example
Thanks,

John 🙂

[John Paul]

John Paul

#229071

Hi Team…

I am just wondering if it is possible to add this HTML code in the footer of my child theme in the “Appearance / Theme Editor” section?

I want to limit the widgets I’m running…

This is the code:

<!– Load Facebook SDK for JavaScript –>
<div id=”fb-root”></div>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : ‘v3.3’
});
};

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = ‘*Login to see link
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

<!– Your customer chat code –>
<div class=”fb-customerchat”
attribution=setup_tool
page_id=”1076295472421698″>
</div>

I am trying to achieve the same FB messenger as this website example
Thanks,

John 🙂

[Ben Ritner]

Ben Ritner

#228981

You can install this plugin which adds a widget with normal options: https://wordpress.org/plugins/black-studio-tinymce-widget/

If you still can’t see options in that then it means you have some plugin conflicting with the loading of your admin screens. I suggest deactivating plugins one by one.

Ben

[Ben Ritner]

Ben Ritner

#228980

Hey,

Does it have something to do with my Theme Virtue Premium?

No, it simply means Google wasn’t able to access all the scripts on your page so it wasn’t styled when they tested it. Get it retested. If they still show an error it means you are preventing Google from accessing your scripts. That could be from incorrect server settings or security measure.

2. You bet use css like this:

.virtue_image_widget_caption {
    font-size: 14px;
}

Ben

[Carrie]

Carrie

#228960

Hello
I used to be able to make some basic font changes such as centering or bolding the text within the widget. That is gone from any of the text related widgets I’m using. Any advice?

*Login to see link

Thank you.
Carrie

[Carrie]

Carrie

#228960

Hello
I used to be able to make some basic font changes such as centering or bolding the text within the widget. That is gone from any of the text related widgets I’m using. Any advice?

*Login to see link

Thank you.
Carrie

[Hannah]

Hannah

#228958

One option would be to use the “Sitewide Footer Call to Action”. You can enable this from Theme Options > Footer. Or, another option is to use the footer widget layout that has a full-width single column over three columns. You could add your subscription line to the top column and your footer widgets underneath.
Hope that’s helpful!

Hannah

[Milos]

Milos

#228950

Hi all,

Since some time ago I get these three messages on 1/3 of my blog posts:
Text too small to read
Clickable elements too close together
Content wider than screen

Does it have something to do with my Theme Virtue Premium?

Also, I need help with a side widget.
On this page you can see that I added a photo of me with a description underneath:
*Login to see link

The description comes as a caption text and its fonts are rather small. Is there any code I can add to make them a bit bigger?

Thanks,
Milos

[Milos]

Milos

#228950

Hi all,

Since some time ago I get these three messages on 1/3 of my blog posts:
Text too small to read
Clickable elements too close together
Content wider than screen

Does it have something to do with my Theme Virtue Premium?

Also, I need help with a side widget.
On this page you can see that I added a photo of me with a description underneath:
*Login to see link

The description comes as a caption text and its fonts are rather small. Is there any code I can add to make them a bit bigger?

Thanks,
Milos

[Brandy]

Brandy

#228807

Hello Team Kadence!

We noticed that the call for certain functions was changed from locate_template to get_template_directory, thus causing some of our overrides to stop working. While I know that we can unset certain functions and apply our own, simply adding the file was (of course) much easier. I’m curious if this was done on purpose?

In any case, could you please add aria-labels and the social media name (ie. aria-label=”Facebook”) to the Virtue: Social Links widget? This helps with accessibility. Thank you!

PS. Hope you are all doing well!

[Ben Ritner]

Ben Ritner

#228767

You are only adding a “Dokan: Store Contact Form” widget into your primary sidebar. That widget is designed to not show on pages other than an individual seller store page. You just need to and a different widget one that is designed to either show all the time or to show on your shop page.

The reason you do not see the sidebar on the product pages is because of your tab plugin, you are adding the cart as a tab but it’s not resetting the post after the tab so it makes WordPress think you are on the cart page. Since your cart page doesn’t have a sidebar it then doesn’t load the sidebar.

I don’t suggest you load the cart as a tab, I really don’t suggest you do that given that your plugin isn’t clearing and resetting the post after.

Ben

[Glenn]

Glenn

#228693

This reply has been marked as private.

[Hannah]

Hannah

#228692

Hey,
I’m not able to open to your site. Can you confirm the URL is correct? Can you also confirm you have selected the correct sidebars from Theme Options > Shop Archive Settings? And you added content to your sidebar from Appearance > Widgets?

Hannah

[Glenn]

Glenn

#228687

Hi there, I have my Virtue Premium theme runnning with the product page and shop page using two different sidebars.

For some reason both side bar and their widget content are not displaying.

Could you please check whether this is a theme conflict?

Website and login to come next message.

Thanks,

Glenn

[Glenn]

Glenn

#228687

Hi there, I have my Virtue Premium theme runnning with the product page and shop page using two different sidebars.

For some reason both side bar and their widget content are not displaying.

Could you please check whether this is a theme conflict?

Website and login to come next message.

Thanks,

Glenn

[Nicola Crossley]

Nicola Crossley

#228516

Hello,

Using ascend theme and page builder
In ascend post grid widget – how do I make the thumbnails larger than 60px wide?
I have looked through the CSS but can’t seem to change it – is there a setting within theme options?

Many thanks
Nic

[Nicola Crossley]

Nicola Crossley

#228516

Hello,

Using ascend theme and page builder
In ascend post grid widget – how do I make the thumbnails larger than 60px wide?
I have looked through the CSS but can’t seem to change it – is there a setting within theme options?

Many thanks
Nic

[Ben Ritner]

Ben Ritner

#228490

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#228472

I was able to log in and run a quick test, your issue is created from “Mod_Security” on your server. This means that something you were trying to save was creating a security alert or some times this can happen from an outdated Mod Security or incorrect mod security settings.

The issue was with your custom css box. Once I tested by clearing it then mod security wouldn’t post an error. I slowly added it back to see if there some something in particular that mod security didn’t like about your css. I couldn’t find anything. It just stops allowing the save to the database at an unspecified point. I assume it’s based on character length.

I tested trying to save into the customizer and you get the same error.

so I suggest you contact your hosting provider and you can leave the theme out of it by simply showing them that if you go to customizer > additional css you can’t save your css in there. That should get them to take ownership and fix the mod security issue.

Here is an output of your css:

.boxi1 {
margin-bottom: 20px;
text-align: center;
background: #f2f2f2;
padding: 15px 0 1px;
}

.boxi1 div {
font-size: 28px;
}

.kad-header-style-three #nav-main ul.sf-menu>li>a, header #logo a.brand, .logofont {
text-transform: uppercase;
}

.sf-menu ul li:hover, .sf-menu ul li {
border:0;
}
.sf-menu ul {
border:0;
}

@media (max-width: 1200px) {
.kad-header-style-three #nav-main ul.sf-menu > li > a {padding: 0 15px;}
}

@media (min-width: 992px) { 
.home-padding {padding: 0px 0 0px;}
}

.contentclass {
padding-top: 10px;
}

.sliderclass {
    margin-top: 0;
    padding: 0;
}

div.product .product_image {
border:0;
}

.page-header {
border-top: 0px;
}

@media (max-width: 767px) { 
.kad-header-style-three #logo a.brand {font-size:24px;}
}

.kad-header-style-three .menu-cart-btn .kt-cart-total {
  background: rgba(255,255,255,0.7);
  color: #e76106;
}
#nav-main ul.sf-menu ul#kad-head-cart-popup li .quantity, #nav-main ul.sf-menu ul#kad-head-cart-popup ul.product_list_widget li a.remove {
    color: #fff;
}
#nav-main ul.sf-menu ul#kad-head-cart-popup .total {
    color: #fff;
    border-color: transparent;
}
#nav-main ul.sf-menu ul#kad-head-cart-popup .buttons .button {
    background: transparent;
    border: 2px solid #fff;
}
#kad-head-cart-popup ul.cart_list li:last-child {
  color: #fff;
}
@media (min-width: 600px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 25%;
}
}
@media (min-width: 800px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 20%;
}
}
@media (min-width: 1000px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 16.66%;
}
}
@media (min-width: 1300px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 12.5%;
}
}
@media (min-width: 1600px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 10%;
}
}
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
padding: 0 2px;
}
.kt-panel-row-full-stretch .kad-wp-gallery {
    margin-left: -2px;
    margin-right: -2px;
}
.kt-panel-row-full-stretch .kad-wp-gallery .grid_item {
    margin: 0 0 4px;
}
header.mobile-stickyheader .nav-trigger .nav-trigger-case {
  width: auto;
}
div.product form.cart .variations select {
    z-index: 1;
}
.footerbase {
        background: #323232;
    margin-top: 10px;
}

@keyframes toColor {
    0%    { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    25%   { -webkit-filter: grayscale(75%); filter: grayscale(75%); }
    50%   { -webkit-filter: grayscale(50%); filter: grayscale(50%); }
    75%   { -webkit-filter: grayscale(25%); filter: grayscale(25%); }
    100%  { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
}

img { 
   animation: toColor 1s;
   border-radius: 10%;
}

.product_image { 
   outline: none !important;
   border:none!important;
}

.infobanner { 
   animation: toColor 1s;
}
.kad-slide { 
   animation: toColor 1s;
}

.infobanner:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

div.about {
background-image: linear-gradient(rgba(210,214,207,0.5), rgba(210,214,207,0.5)), url("https://nzalpaca.co.nz/wp-content/uploads/2018/05/about-320x340-1.jpg");
background-repeat: no-repeat;
background-size: 320px 340px;
width: 320px;
height: 340px;
border-radius: 10%;
text-align: center;
vertical-align: middle;
padding: 10px;
}
 .home-iconmenu a, .home-iconmenu .home-icon-item {
  background: #444;
}
.home-iconmenu a:hover, .home-iconmenu .home-icon-item:hover {
    background: #555;
border-radius: 5%;
}

.kad_add_to_cart, .quantity {
display: none;
}

.product_item .kad_add_to_cart {
display:none !important;
}

.woocommerce-ordering, .woocommerce-info, a.button.wc-backward {
    display: none;
}

.woocommerce span.onsale {
background-color: #333;
}

.sku, .posted_in, .tagged_as, .product_meta {
	display: none !important;
}
/*------------------bbp-------------*/

#bbp_search_submit.button {
background-color: #333;
color: #eee;
}

#bbp_search_submit.button:hover {
background-color: #eee;
color: #333;
}

.button {
background-color: #333;
color: #eee;
}

.button:hover {
background-color: #eee;
color: #333;
}

#submit.kad-btn {
background-color: #333;
color: #eee;
}

#submit.kad-btn:hover {
background-color: #eee;
color: #333;
}

legend {
color: #eee;
}

#gallery-1 img {
    border: none !important;
    padding: 3px;
}

#gallery-2 img {
    border: none !important;
    padding: 2px;
}
/*------------bbp--------*/
/* BBPress font fix */

/*Template notice info*/
div.bbp-template-notice.info {
    border: #cee1ef 1px solid;
    background-color: #fff;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: #444;
border: 0px solid #eee;
color: white !important;
}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 ,
#bbpress-forums a.bbp-forum-title,
#bbpress-forums a.bbp-topic-permalink {
              font-size: 16px;
              color: #333;
        text-decoration: underline;
}

#bbpress-forums li.bbp-body ul.forum, 
#bbpress-forums li.bbp-body ul.topic, 
#bbpress-forums li.bbp-body a {
border-top: 1px solid #eee;
overflow: hidden;
padding: 8px;
color: #333;
font-style: italic;
}

#bbpress-forums a.bbp-author-name {
              font-size: 12px;
              color:    #333;
}

.bbp-forums, .bbp-topics {
border: 1px solid rgba(125, 125, 125, .5);
color: white !important;
}

.bbp-forums a { 
color: #333 !important; 
}

/*20180613*/
#bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-reply-content {
    font-size: 12px;
/*    color: #333; */
}

table.bbp-forums th, table.bbp-topics th, table.bbp-topic th, table.bbp-replies th {
background-color:black;
color: #333 !important;
}

.bbp-header {
color: #fff;
}

.bbp-body {
color: #333;
}

.avatar-14 { display: none !important; }

.bbp-forums a { 
color: #333 !important; 
}

.product_item { 
background-color:#444;
border: none !important;
}

.woocommerce-result-count, .woocommerce-ordering {
display: none;
}

.email { 
background-color:#333;
color:#fff !important;
}

.email:hover { 
background-color:#444;
color:#cecece !important;
}

.amount { 
color:#fff !important;
}

.icon-location, .icon-envelope, .subhead, .icon-user2, .icon-mobile {
display: none;
}

#containerfooter .virtue_social_widget a {
    display: inline-block;
    float: none;
}
#containerfooter .virtue_social_widget {
    text-align: center;
}

.widget_kadence_social {
text-align: center;
}

.postdate, .home_blog_title {
margin-top: 10px;
}

.light-dropshaddow, .mfp-img {
border-radius: 0%;
border: none;
}

.attachment-full.size-full {
    border-radius: 0% !important;
    border: #000 6px solid !important;
}

/*---for contact us effect in footer---*/
.contact-class:hover {
    background: #444;
    color: #cecece !important;
    padding: 30;
}

/*---remove blue line around clicked link---*/
a {
    outline: none !important;
    color: #fff !important;
}

/*---ensure blog images fit within box on front page---*/
.imghoverclass {
    padding: 10px;
}

.wc-bookings-booking-form .form-field input[type=number] {
text-align: right;
}

.blog_item { 
  border:none!important;
}

#submit.kad-btn.kad-btn-primary {
background-color:#333 !important;
color:#fff !important;
}

#submit.kad-btn.kad-btn-primary:hover { 
background-color:#cecece !important;
color:#fff !important;
}

#wc_bookings_field_duration, #wc_bookings_field_persons {
    width: 5%;
    text-align: right;
}
.wc-bookings-booking-form .form-field input[type=number] {
    width: 10%;
    text-align: right;
}

.wc-bookings-booking-cost, .wc-bookings-booking-form {
background:#333333 !important;
}

.wc-bookings-booking-form .block-picker li:nth-child(odd) a {
    background: #333;
}
.wc-bookings-booking-form .block-picker li:nth-child(even) a {
    background: #333;
}

.button.disabled, .button:disabled {
display: none;
}

p.order-again {
display: none;
}

a.about_paypal {
display: none;
}

#payment div.payment_box {
/*---display: none !important;---*/
 background: #333;
color: #fff;
}

.payment_method_stripe {
max-width: 400px;
}

.stripe-icon {
max-width: 60px !important;
}

.rr_star {
font-size: 20px;
background: #444;
}

.rr_successful {
font-size: 16px;
background: #444;
}

input#submitReview {
background-color: #333;
color: #eee;
border:none!important;
}

input#submitReview:hover {
background-color: #eee;
color: #333;
border:none!important;
}

/*---hide Filter Products on Mobile---*/
.kad-shop-filter {
    display: none;
}

/*---hide ALL on Alpaca males for sale page---*/
.selected {
display: none;
}

I also suggest that you have the host update your php version since you are not yet using version 7. I suggest you go to 7.2 or higher.

[Michael]

Michael

#228364

I meant in the widget itself:

[Michael]

Michael

#228353

In the page code – the widget ID: pgc-gb10-5d04c2261983e-0-0

In the secondary menu custom link:

https://mysite/#pgc-gb10-5d04c2261983e-0-0

Doesn’t jump.

Tried

In the secondary menu custom link: https://mysite/#pgc-gb10-5d04c2261983e-0-0

In the widget itself:

still doesn’t work.

Pls advise?

[Michael]

Michael

#228353

In the page code – the widget ID: pgc-gb10-5d04c2261983e-0-0

In the secondary menu custom link:

https://mysite/#pgc-gb10-5d04c2261983e-0-0

Doesn’t jump.

Tried

In the secondary menu custom link: https://mysite/#pgc-gb10-5d04c2261983e-0-0

In the widget itself:

still doesn’t work.

Pls advise?

[chriscara]

chriscara

#228286

Hello,
1. Can I make the Accordion a max with of 700px, not the inside part but the entire accordion?
2. I have some small icons that go across the bottom in a widget above the footer, when I view on a smaller screen they get really small, how can I make it run to 2 lines instead of shrinking? See the image attached.
3. I have some images within paragraphs and the don’t seem to line up at the top of the paragraph, how can I make them vertical top aligned? See the image attached.

Thanks

[chriscara]

chriscara

#228286

Hello,
1. Can I make the Accordion a max with of 700px, not the inside part but the entire accordion?
2. I have some small icons that go across the bottom in a widget above the footer, when I view on a smaller screen they get really small, how can I make it run to 2 lines instead of shrinking? See the image attached.
3. I have some images within paragraphs and the don’t seem to line up at the top of the paragraph, how can I make them vertical top aligned? See the image attached.

Thanks

[Ben Ritner]

Ben Ritner

#228173

You can add in the footer in a widget. Or in the “Sitewide Footer Shortcode” area in your theme options > footer settings. With either, they will show on your entire site so if you just want to show for blog posts you would have to hide it for other pages using css.

Else you can use a child theme and add in your code via a hook or customizing a template.

Ben