Page 14 – Kadence Support Forums

Viewing 20 results - 261 through 280 (of 319 total)

← 1 2 3 … 13 14 15 16 →

Author

Search Results
In forum: Virtue Theme

In reply to: responsive footer widgets
Hannah

August 26, 2015 at 8:47 am #55561

I’m seeing this in your css:
```
@media only screen and (max-width: 1500px) {
footer .footercol1, footer .footercol2 {
    float: left;
    width: 25% !important;
}
}
```
That’s causing your footer content to run into itself because there just isn’t enough room more than one column on a mobile device. Did you add that css? If so, removing it should fix.

Hannah
In forum: Virtue Theme

Topic: Responsivity Woocommerce – footer and body content overlap

Rolf Espen

August 21, 2015 at 9:34 am #54802

Hi,

Thank you again for a wonderful theme, and great support!

I am having some issues again when on a smaller screen.
For the footer I am using all 4 columns, and after putting in widgets here there are a few problems when viewing on smaller screens.
The body content eihter falls under the footer or is placed on top.
Previously I had some issues with the footer when working on my computer screen, so I added som codes I found, and now I am unsure how to fix it.

I want to keep the spacing between the body content and footer like I have it now on the computer screen, and obviously make it not overlap or disapear on the smaller screens.

Including some photos.

Picture 1 – Spacing between body content and footer – computer screen
Picture 2 – Spacing between body content and footer – mobile screen
Picture 3 – Spacing between body content and footer – mobile screen
Picture 4 – Spacing between body content and footer – mobile screen

My Custom CSS looks like this:

.page-header {
display: none;
}

html, body {padding:0; margin:0; height:100%;}
#wrapper {position: relative; min-height:100%;}
#containerfooter {position: absolute; bottom: 0; left: 0; right: 0;}
.contentclass {padding-bottom:300px;}

#nav-main ul.sf-menu li ul.sf-dropdown-menu li a:hover {color:#f2a79d;}

@media (min-width: 992px) {
#nav-second ul.sf-menu {
display: none;
}
.page-id-34 #nav-second ul.sf-menu {
display: block;
}
}

.sf-menu ul, .sf-menu li:hover ul, .sf-menu li.sfHover ul {width: 140px;}

a:focus {
outline: none;
}

@media (min-width: 992px){
#nav-second ul.sf-menu>li {
width: auto;
padding-right: 15px;
padding-left: 15px;
}
}

@media (min-width: 1200px) {
#nav-second ul.sf-menu>li {
width: auto;
padding-right: 30px;
padding-left: 30px;
}
}

.products div.product {
border:none;
}

#nav-main ul.sf-menu {
margin-top: 50px;
margin-bottom: 0px;
}

[class*=”post”] { border:none !important; }
#kad-blog-grid .blog_item {
border: 0;
}

.footerclass h3 {
font-size: 16px;
}

.footerclass {
font-size: 12px;
}

.footernav ul li a:hover {
background: none;
}

#containerfooter .menu li a {
background: 0;
}

.footerclass a:hover {
color: #fff;
}

.footer-widget .widget, .footer-widget {
margin-top:0;
}
#containerfooter {
padding-top: 10;
}
.footercredits {
padding-top: 10;
padding-bottom: 0;
}

#containerfooter .menu {
margin: -8px;
}

Anyone able to help with this as soon as possible? 🙂

In forum: Virtue Theme

Topic: Custom Menu Widget Footer Boarder and link colour in footer

Rolf Espen

August 20, 2015 at 3:01 am #54470

Hi,

Thank you for a great theme, and good support!

I need some help with my footer.

I am using the 4 widget area layout, with a widget in each. In Column 1 and 2 I have a custom menu.
The links in the menu has a border in a dark colour – that when hovered disappears (or changes to primary colour)
* How can I remove this border? Or change the colour to the Primary Colour?

I also have a few links in the footer – white font colour – but on hover they change into the primary colour – which is the same colour as the background of the footer, so they disappear on hover.
* How can I change the hover on links colour only for the footer?

Border on Custom Menu links
Disappearing link on hover

Thank you!

In forum: Virtue Theme

In reply to: Github link on Virtue Social Links
Hannah

August 15, 2015 at 7:34 am #53629

Hi Andrea,
You would need to use a plugin that has github already. I think this one will work for you- https://wordpress.org/plugins/menu-social-icons/

To make your footer layout 1 column set the layout to 2 column in Theme Options > Main Settings then add this to your custom css box in Theme Options > Advanced Settings:
```
#containerfooter .col-md-6 {
width: 100%;
}
```
Hope that helps!

Hannah
In forum: Virtue Theme

Topic: Github link on Virtue Social Links

Andrea

August 14, 2015 at 10:25 pm #53611

Hi,
I’m new to WordPress but I was wondering if there’a way to add the github logo to the Social Links section? Also, is there a way to make the footer just 1 column, instead of dividing it up into 2, 3 or 4 sections?
Thank you!
Andrea

In forum: Virtue Theme

Topic: Add image into Footer Column 1 widget

Wayne

August 13, 2015 at 7:31 am #53283

I am a beginner so bear with me 🙂

I have the following in the Footer Column 1 widget (using demo-content-2 as my site template):

“some text…………”

I want the ‘some text’ to display below the image – at the moment the image is in part of the text.

In forum: Virtue Theme

Topic: Footer Alignment

Lynn

July 7, 2015 at 9:01 pm #48320

Hi all,

I was wondering what the appropriate CSS to adjust the alignment of widgets in the footers is?
The two widgets currently used are the vcard and the social links, in footer column 1 & 2, respectively.

My goal is to have the widget & widget titles centre aligned.

*Login to see link is the site, but it’s behind a maintenance screen at the moment, so I’m not sure if it’ll be visible to you.
Perhaps try this link if it isn’t accessible… *Login to see link

Thanks in advance for any help.

In forum: Virtue Theme

In reply to: home mobile slider "upload button" wont work

Ben Ritner

July 2, 2015 at 1:27 am #47728

It looks like your adding everything into one widget area. The footer column 3. Add widgets into footer column 1 and 2 if you want them in separate columns.

Ben

In forum: Virtue Theme

Topic: Help needed for some style modifications

Anirban

June 28, 2015 at 2:04 pm #47243

Hi, Ben,

Need help regarding a few more things.

1. My individual product pages have nice borders under the section headings like “Related Products”. Can I add similar borders under:
a. “Similar posts” and “Leave a reply” headings in blog page
b. “similar projects” and “Leave a reply” in Portfolio item pages

2. In the Third column of the footer, the Archives and Category widgets have been placed. Is it possible to add borders around the dropdowns to make them more prominent?

3. I am planning to implement the Contact Form 7 plugin and a testimonial form, both using the modal shortcode in Visual Editor. But a test implementations on this page are showing white text on white backgrounds. Is it possible to style both the forms like the form in my Contact Us page for better visibility?

4. Please remove the blog post excerpts from the custom tabs (created using Blog Posts shortcodes in visual editor) in the individual product pages.

Anirban

In forum: Virtue Theme

In reply to: Logo Horizontal Scroll Ticker
Ben Ritner

June 1, 2015 at 1:43 pm #43548

Hey,
Choose the four column layout. Add this css in your theme options > advanced settings.
```
.footercol1 {width:100%;}
@media (min-width: 768px){
    .footercol2, .footercol3, .footercol4 {width: 33.33%;}
}
```
That will make the first footer widget a row above the other three.

Ben
In forum: Virtue Theme

Topic: Add 3 home widget column to the layout.

Delby

April 29, 2015 at 8:58 am #39083

Hi

I would like to add 3 widget area in (just like the footer 1, footer 2, footer 3) to the homepage. The current home-widget-area is only 1 column, could you advise me where/how I can make it in 3 column instead?

Thanks

In forum: Virtue Theme

Topic: Theme Issues

Brad

April 12, 2015 at 10:16 am #37190

Hi,

Excellent theme! I have been using the free version for over a year now and I loved it! I’ve just upgraded to the premium theme and I am encountering quite a few problems since the upgrade that I hope you can help with.

1. Infinite Scroll option does not work on my home page. I have my home page viewing full blog posts and is set to “page content”

2. How can I remove the tags and comment link below each blog post under the image?

3. Footer alignment: I have a three column footer setting. Is there a way to align each widget to the center of the column?

Lastly: I posted another forum topic about the menu icon not appearing when going mobile. How can I fix this?

My website is: http://www.somethinghdr.com

Thank you so much for your support!

Regards,
Brad

In forum: Pinnacle Theme

Topic: Cant find footer content placement options in Pinnacle Premium Dashboard

Ian

April 5, 2015 at 7:00 am #36464

Hi,

I’m building my 1st site with Pinnacle Premium and I’m unable to work out how I modify the layout in the footer. All I can find is where you set the number of columns and edit the copywrite info.

Would appreciate a steer in the right direction.

Thanks

In forum: Virtue Theme

In reply to: add wide-page widget in the footer

Christian

April 3, 2015 at 6:12 am #36230

Thanks a lot!
But I tried, and I have another issue now. I tried either .footercol1 or footercol4 at 100%, in both cases all the columns are displayed as raws (instead of have one full width raw, and 3 small widgets)…
You can go and see here how it looks: lacompagniedescartes.fr

In forum: Virtue Theme

In reply to: add wide-page widget in the footer
Ben Ritner

April 2, 2015 at 3:49 pm #36195

You can choose the 4 column option in the theme options > main settings. then just add this css:
```
@media (min-width: 768px) {
    .footercol1 {width:100%}
    .footercol2 {width:33.33%}
    .footercol3 {width:33.33%}
    .footercol4 {width:33.33%}
}
```
That will make column 1 fullwidth.

Ben
In forum: Virtue Theme

Topic: add wide-page widget in the footer

Christian

April 2, 2015 at 3:12 pm #36189

Hi,
My website is lacompagniedescartes.fr.
I would like to add in my footer but above the 3 columns of the footer, some HTML (Trustpilot comments horizontal bar):
‘<div class=”trustpilot-widget” data-locale=”fr-FR” data-template-id=”xxxxxx” data-businessunit-id=”xxxxxx” data-style-height=”130px” data-style-width=”1024px” data-theme=”light” data-stars=”5,4″></div>’
I tried to add it in the functions.php file of my Virtue Premium child theme, but I was only able to find the wp_footer hook, which displays the content below the columns.
How could I add this code in the container, above the 3 columns, or somewhere it could be displayed at 100% of the width of the page?
Regards,
Christian

In forum: Virtue Theme

In reply to: WooCommerce Grid / list remember value
Ben Ritner

March 23, 2015 at 10:11 am #35051

There isn’t one built into the theme. It would require that a cookie script be written then info added to the users cookies.

Here is what you need, just add this to the footer js with a plugin like this:
https://wordpress.org/plugins/header-and-footer-scripts/
```
(function($) {
	$.fn.shopStylecookie = function(options){		
		var isCookie = readCookie("shop_style"),
		thistoggleon = $('.kt_product_toggle_container .toggle_list'),
		thistoggleoff = $('.kt_product_toggle_container .toggle_grid');
		if(isCookie){
			var cookieStyle = isCookie;
		} else {
			var cookieStyle = "grid";
		}
		if(cookieStyle == 'list') {
					if ( thistoggleon.hasClass('toggle_active') ) {return false;}
					thistoggleon.parents('.kt_product_toggle_container').find('.toggle_active').removeClass('toggle_active');
					thistoggleon.addClass('toggle_active');
					if ($('.kad_product_wrapper').length) { 
						$('.kad_product_wrapper').addClass('shopcolumn1');
						$('.kad_product_wrapper').addClass('tfsinglecolumn');
						var $container = $('.kad_product_wrapper'),
						iso_selector = $('.kad_product_wrapper').data('iso-selector');
						$container.isotopeb({masonry: {columnWidth: iso_selector}, transitionDuration: '.4s'});
					}
		} else {
				// do nothing
		}
		thistoggleon.click(function(){
				createCookie("shop_style","list",30)
		});
		thistoggleoff.click(function(){
				createCookie("shop_style","grid",30)
		});
	};
	function createCookie(name,value,days) {
		if (days) {
			var date = new Date();
			date.setTime(date.getTime()+(days*24*60*60*1000));
			var expires = "; expires="+date.toGMTString();
		} else {
			var expires = "";
		}
		document.cookie = name+"="+value+expires+"; path=/";
	}	
	function readCookie(name) {
		var nameEQ = name + "=";
		var ca = document.cookie.split(';');
		for(var i=0;i < ca.length;i++) {
			var c = ca[i];
			while (c.charAt(0)==' ') c = c.substring(1,c.length);
			if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
		}
		return null;
	}	
	function eraseCookie(name) {
		createCookie(name,"",-1);
	}
})(jQuery);
jQuery(document).ready(function ($) {
if ($('.kt_product_toggle_container').length) {
	$('.kt_product_toggle_container').shopStylecookie();
}
});
```
Ben
In forum: Virtue Theme

In reply to: Changing size of the Footer
Ben Ritner

March 19, 2015 at 9:52 am #34636

So you want all 5 columns for tablet size similar to desktop?
```
@media (min-width: 767px) {
.footercol1 {
width: 80%
}
.footercol2 {
width: 20%
}
}
```
Ben
In forum: Virtue Theme

In reply to: Changing size of the Footer

Nicola Crossley

March 19, 2015 at 4:06 am #34602

Thanks Hannah that worked a treat!
I ended up changing it to:

@media (min-width: 900px) {
.footercol1 {
width: 80%
}
.footercol2 {
width: 20%
}
}

As visually it’s more what the client wants – so this actually makes it look like a 5 column footer (1st column using vis editor and 4 columns within text editor, then 2nd column just vis editor with text!)

Woohoo – thanks so much.

Question -not urgent but I know my boss is going to ask me – when it’s a smaller screen size than a desktop it goes straight to all columns in a line one after another – is there a way to make them reduce at first – so still being next to each other but smaller say in Tab size, then when it gets to smart phone size to have in long line?

Nic
x

In forum: Virtue Theme

Topic: Changing size of the Footer

Nicola Crossley

March 18, 2015 at 3:22 pm #34556

Hello,

I was hoping you could help me change the size of the footer. Basically I would like 3 -column footer but with the first column larger than the other two – is there a way I can do this via CSS?
here is an example:
*Login to see link

As you can see on this site – they have Footer column 1 taking up approx half of the width, then footer columns 2 and 3 taking up the other half….is that possible with this theme?

many thanks in advance -you guys have never steered me wrong in the past so i am crossing my fingers!

Nic
Author

Search Results