Search Results for 'child theme'

[Ben Ritner]

Ben Ritner

#24868

Yes, or install the virtue theme, then delete the child theme, then delete virtue.

Ben

[Ben Ritner]

Ben Ritner

#24866

This works with the plugin.
You just add this function which will make the plugin work to show the items on archive pages.

If you need a basic child theme you can use: https://www.kadencewp.com/wp-content/uploads/2014/02/virtue_premium_child.zip

And then just add this in the functions.php file.

Ben

[Andrew]

Andrew

#24842

hi Ben

Sorry, I didn’t see this reply before. I must have forgotten to check the email-me box.

Yes, it makes sense and thanks for the explanation. However, it sounds as if css in a child theme comes before custom css, so anything that is currently in my custom css within the Virtue admin section should work ok.

My css is as follows (sorry it’s rather long):

/* TOPBAR */

.kad-topbar-right {
        width: 35%;
}

.kad-topbar-left {
        width: 65%;
        float: left;
}

.topclass {
        border-bottom:1px solid #aaa;
}

#menu-topbar-menu li a {
        font-size:14px;
        color: black;
}

#menu-topbar-menu li a:hover {
        color: #ffffff;
        background-color:#1e73be;
}

.topbarmenu ul li a {
        font-size: 14px;
        color: black;
}

.topbarmenu ul li a:hover {
        color: #ffffff;
        background-color: #1e73be;
}

/* TOPBAR SEARCH */

#searchform {
        background-color: #1e73be;
}

#topbar-search input[type=text] {
        color: #ffffff;
        font-size: 14px;
}

/* HEADER */

#logo {
        padding-top: 8px;
        padding-bottom: 12px;
}

.kad-header-widget {       /* Free Delivery text */
        font-family: Open Sans;
        font-size: 14px;
        font-style: italic;
        text-align: right;
        padding-top: 30px;
        padding-right: 50px;
}

/*SECONDARY MENU */

#nav-second {
        border-bottom: 1px solid #aaa;
}

ul.sf-dropdown-menu {
        width: 100% !important;
}

/* active secondary menu submenu item */
#nav-second ul.sf-menu li.current-menu-item > a { 
        color: #000;
        background-color: #CED8F6;
        border-bottom: none;
}

/* non-active submenu items: */
#nav-second ul.sf-menu ul li a {
        font-size: 12pt;
        border-top: none;
}

/* HOME */

h3.hometitle {
        font-size: 50px;
        color: #777;
        font-weight: 600;
        line-height: 100px;
}

.graphflow_recommendations.related products h2 {
        align: center;
        font-size: 50px;
        color: #777;
        font-weight: 600;
        line-height: 100px
}

/* LARGE FONT PAGE STYLE */

p.large {
        font-size: 22px;
        line-height: 40px;
        color: #555;
}

table.large {
        font-size: 20px;
        line-height: 26px;
        color: #555;
        width: 100%;
        margin-top: 10px;
}

tr.large {
        vertical-align: top;
}

tr.description {
        font-size: 16px;
        line-height: 18px;
        font-style: italic;
}

h4.large {
        font-size: 40px;
        line-height: 50px;
        font-style: normal;
        color: #000;
}

/* NO TRANSITION - COLLECTION OF ELEMENTS */

.home-message,
.sf-menu a,
#nav-second ul.sf-menu li,
.kad-btn,
.button,
#commentform .form-submit #submit,
.post-password-form input[type=submit],
.topbarmenu ul li a,
.product_item a.product_item_link .kad-product-noflipper img,
.widget_layered_nav ul li a,
div.product-category.grid_item a h5 {

        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
}

/*  P R O D U C T S   G R I D  */

/* PRODUCT ARCHIVE IMAGES HOVER OPACITY */
.product_item:hover a.product_item_link .kad-product-noflipper img {
        opacity: .2;
}

/* "ON SALE" FLASHES */

.single-product.woocommerce span.onsale {
        font-size: 20px;
        background: #ff0000;
        background: rgba(255,0,0,.7);
        width: 70%;
        position: relative;
        left: 15%;
        right: 15%;
}

woocommerce span.onsale, span.onsale, .woocommerce #carouselcontainer span.onsale {
        font-size: 16px;
        background: #ff0000;
        background: rgba(255,0,0,.7);
        width: 100%;
}

/* ALIGN GRID PROPERLY */

.kad-woo-image-size {
        min-height: 100px;
        display: table-cell;
        width: 100%;
        vertical-align:middle;
        height: 100%;
}

.product_item  a.product_item_link {
        text-align:center;
        display: table;
        min-height: 80px;
        vertical-align:middle;
        width: 100%;
}

.product_item.product_details a.product_item_link {
        display: block;
        min-height: 0;
}

.products.product_item.product_details h5 {
        min-height: 0px;
}

.yotpo.bottomLine.yotpo-small {
        min-height: 12px;
}

.yotpo-bottomline.pull-left.star-clickable {
        min-height: 12px;
}

/* QUICK-VIEW: BUTTON - PRODUCTS ARCHIVE*/

a.quick-view-button { 
        font-size: 12px;
        text-transform: uppercase;
        line-height: 14px;
       /* border: 1px solid #aaa; */
       /* border-radius: 5px; */
        background-color: #ffccff;
        width: 100%;
        padding: 3px;
}

a.quick-view-button:hover { 
        background-color: #ff00ff;
        color: #ffffff;
}

a.quick-view-button.button {
        height: 28px;
}

.product_item a.product_item_link h5 {
        font-size: 20px;
        line-height: 22px;
}

/* QUICK-VIEW: PRODUCT MODAL */

div.woocommerce.quick-view.product,
div.wocommerce.quick-view-content,
div.wocommerce.quick-view-content form.variations_form .cart {
        height: 100%;
        width: 100%;
}

div.pp_pic_holder.pp_woocommerce.pp_woocommerce_quick_view div.pp_content_container div.quick-view-content form table.variations td.product_value #pa_pack-size {
        color: black;
}

/* fix theme conflict - "Choose an Option" is not visible */
div.product .quick-view-content form.cart .variations td.product_value select {
        opacity: 1;
}

/* PRODUCT PAGE */

/* Label above product attribute select box */

div.product form.cart .variations td.product_value {}
div.product form.cart .variations td.product_label {}

/*  Font sizes for attribute select box */

.woocommerce-page #content div.product form.cart .variations label  {
        font-size: 20px;
        text-transform: uppercase;       
        color: black;
}

.product_value .select2-container.kad-select .select2-choice>.select2-chosen {
        font-size: 16px;
        text-transform: capitalize;       
        color: black;
}

.product_meta {
        display: none;
}

/* Fix theme conflict with restocking alerts (out of stock message appears when no options are selected, ie when page first loads) */

#bolder_alerts_outer {              
        display: none;
}

input.bolder_alerts_submit {
        background-color: #33cc33;
        padding: 5px 15px;
        border: 1px solid #aaaaaa;
     /*   border-radius: 3px;  */
}

input.bolder_alerts_submit:hover {
       background-color: #99e699
}

/*  A D D   T O   C A R T  B U T T O N (INCL QUICK-VIEW MODAL POPUP) */

.product .entry-summary button.kad_add_to_cart, div.pp_pic_holder.pp_woocommerce.pp_woocommerce_quick_view div.pp_content_container div.quick-view-content form div.variations_button button {
        font-size: 20px;
        font-family: sans-serif;
        color: #1e73be;
        font-weight: normal;
        background-color: #f5cf5d;
        text-transform: capitalize;
        border: 1px solid black;
        border-radius: 5px;
        width: 200px;
        height: 50px;
        position: relative;
        left: 100px;
        transition: none;
}

.product .entry-summary .kad_add_to_cart:hover, div.pp_pic_holder.pp_woocommerce.pp_woocommerce_quick_view div.pp_content_container div.quick-view-content form div.variations_button button:hover {
        background-color: #f09707;
     /*background-color: #1e73be;*/
        color: #ffffff;
        transition: none;
}

/* PRODUCT TABS */

/*
div.product .woocommerce-tabs ul.tabs li.additional_information_tab {
        display: none;
}
*/

div.product .woocommerce-tabs ul.tabs li:hover {
        background-color:#ced8f6;
}
/* SHOP SIDEBAR - AJAX NAVIGATION */

.widget_layered_nav h3 {
        font-size:12px;
        line-height: 12px;
        text-transform: uppercase;
}

.widget_layered_nav ul li a {
        padding: 2px 2px 2px 2px;
        font-size:12px;
        line-height: 12px;
}

.widget_layered_nav ul li a:hover {
        background-color: #ced8f6 !important;
}

.widget_layered_nav ul li small.count {
        padding: 2px 2px 2px 2px;
        font-size:12px;
        line-height: 12px;
        color: black;
}

.yith-woo-ajax-navigation .yith-wcan-list li small.count {
       display: block;
       position: absolute;
       left: 80%;
       float: none;
       font-size: 10px;
}

.sidebar .widget {
        margin-top: 10px;
}

.kad-sidebar {
     /*border: none;*/
        border-left: 1px solid #aaa;
        padding: 25px;
     /*background-color:#ced8f6;*/
}

/*  PRODUCT SIDEBAR */

.widget_shopping_cart_content {
        border: 1px solid #aaaaaa;
        border-radius: 10px;
        padding: 10px;
}

.widget_shopping_cart_content ul li a {
        line-height: 16px;
}

.widget_shopping_cart_content p.buttons {
        float: right;
}

.button.checkout.wc-forward {
        font-size: 16px;
        border: 1px solid #aaaaaa;
        border-radius: 5px;
        padding: 4px;
}

.button.wc-forward {
        font-size: 16px;
        border: 1px solid #aaaaaa;
        border-radius: 5px;
        padding: 4px;
}

.widget-inner ul.product_list_widget {
        border: 1px solid #aaaaaa;
        border-radius: 5px;
        padding: 4px;
}

.widget-inner ul.product_list_widget li, li a, li ins {
        line-height: 16px;
}

/*  CHECKOUT PAGE */

#pay_with_amazon {
        height: 150px;
}

/* BOOKING FORM */

.rtb-booking-form fieldset {
        float: left;
        width: 50%;
}

.rtb-booking-form form .add-message {
	display: none;
}
.rtb-booking-form form .message {
	position: relative;
	top: auto;
	left: auto;
}

.rtb-booking-form label {
        font-family: Open Sans;
}

#booking-button {
        float: right;
        margin-right: 200px;
        font-size: 24px;
        padding: 15px;
        line-height: 50px;
        border-radius: 15px;
        background-color: #07de39;
        color: #ffffff;
}

#booking-button:hover {
        background-color: #97fa93;
        color: #000000;
}

/* FORUM */

a.bbp-forum-title {
        color: #555555;
        font-size: 28px;
        line-height: 32px;
}

a.bbp-forum-title:hover {
        color: #ffffff;
        background-color: #1e73be;
        font-size: 28px;
        line-height: 32px;
}

p.bbp-forum-description {
        display: none;
}

.bbp-forum-content p {
        font-size: 16px;
        color: #555555;
        font-style: italic;
}

/* TESTIMONIALS */

.testimonialbox {
        min-height: 180px;
        border-width: 1px;
        border-color:#8c8c8c;
        font-style: normal;
}

.testimonialbottom p {
        min-height: 42px;
}

/* FOOTER */

#containerfooter {
        font-size: 14px;
}

#containerfooter h3 {
        font-size: 20px;
}

#containerfooter .menu li a {
        padding: 2px 12px;
        max-width: 200px;
        background: #ced8f6;
}

[Sandra]

Sandra

#24834

So can I fix this by simply deleting that rogue child theme folder? Sandra

[Morten]

Morten

#24825

I cannot even begin to describe how impressed I am with your support!
During a geekparty last night I showed off Your response to some people there and I guess you will get some new Norwegian customers soon. Simply brilliant!

I do not use child theme but will read up on that. Am I to understand this is an addition to the plugin you recommended, or am I misunderstanding and am to remove the plugin and just use the code you provided? (Sorry but I am not to tech savvy..)

[Ben Ritner]

Ben Ritner

#24819

There isn’t, It currently defaults to a square. If your using a child theme you can copy the file and edit the code.

Ben

[Ben Ritner]

Ben Ritner

#24769

Hmm, so by “give something like this a try” I assumed there were more plugins or that that plugin was coded well. It’s not coded well, it doesn’t use the normal woocommerce hooks instead using jquery to force insert the html (bad bad bad coding). It would work only on themes that don’t override the woocommerce styles. Which means like a default twenty thirteen theme.

I’ve been looking for an alternative but haven’t found one. So I wrote a code that would actaulyl work on all themes you can add this in your functions.php file. (child theme would be a good move here)

function kt_showbrand_categories_product() {
		global $post;
		if ( is_admin() || ! $post->ID ) {
			return;
		}
		$product_id = $post->ID;
		$brands_list =  wp_get_object_terms($product_id, 'product_brand');
		$brands_list_output = '';
		$brands_list_comma = ', ';
		$i = 0;
		foreach ( $brands_list as $brand ) {

			$brands_list_output .= '<a href="'.get_term_link( $brand->slug, 'product_brand' ).'">'.$brand->name.'</a>';

			if($i < count($brands_list) - 1) {
				$brands_list_output .= $brands_list_comma;
			}
			
			$i++;
		}
		if(count($brands_list) > 0) {

			echo '<div class="kt-mg-brand-wrapper kt-mg-brand-wrapper-category"><b>'.__('Brand:', 'virtue').'</b> '.$brands_list_output.'</div>';
		}

	}
	add_action( 'woocommerce_after_shop_loop_item_title', 'kt_showbrand_categories_product', 2);

Ben

[mikes]

mikes

#24569

Hi Ben,

I was using Virtue Premium 2.7.2 (with a child theme).

I just noticed the update to 2.7.4 so I’ll update and try that one.

I had tried image galleries in tabs and accordions on some portfolio pages and they only appeared if you changed the size of the window which appeared to force them to initialize/appear.

I’ll try again after the update and let you know.

[Ben Ritner]

Ben Ritner

#24478

That means you have a child theme who’s parent is “virtue” and not virtue premium” the folder is sitting in your theme folder. Since there isn’t a parent theme you can’t see the child.

Ben

[Sandra]

Sandra

#24458

Hi Ben last question tonight – honest!

Ive seen the following message at the bottom of the Themes screen on my dashboard

Broken Themes

The following themes are installed but incomplete. Themes must have a stylesheet and a template.

Name Description
_notes Stylesheet is missing.
Virtue Child The parent theme is missing. Please install the "virtue" parent theme.

Its been there for ages (possibly 8 months or so!) and I’ve just ignored it ! Now the site going live though really thought I should check if this is important! Theme seems to be working fine.
Sandra

[Sandra]

Sandra

#24458

Hi Ben last question tonight – honest!

Ive seen the following message at the bottom of the Themes screen on my dashboard

Broken Themes

The following themes are installed but incomplete. Themes must have a stylesheet and a template.

Name Description
_notes Stylesheet is missing.
Virtue Child The parent theme is missing. Please install the "virtue" parent theme.

Its been there for ages (possibly 8 months or so!) and I’ve just ignored it ! Now the site going live though really thought I should check if this is important! Theme seems to be working fine.
Sandra

[Ben Ritner]

Ben Ritner

#24299

You have :

.page-header {
text-align: center;
}

In your custom css box in the theme options. The child theme css comes before your custom css box. Meaning css in the custom css box will always override your child theme css if they are the same css specificity.

Learn about css specificity here: http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

Ben

[Ben Ritner]

Ben Ritner

#24285

Not missing anything,
What are you adding in your child theme. The css hierarchy goes parent theme > child theme > theme options > custom css.

So if you trying to override a theme option like the h1 font size then you have to use more specific css call like “body h1” instead of “h1” so you can override the theme options.

Does that make sense?

Ben

[Andrew]

Andrew

#24259

Hi Ben

I’m doing something wrong with my child theme. I want to move all the custom css to the child theme to make it quicker when I’m working but the css styles are not being applied. They work fine at the moment in the advanced theme settings.

My child theme is at themes/virtue_premium-child. I know it’s working ok because (a) the child theme is selected in WP admin and (b) functions I have added in virtue_premium-child/functions.php are working.

I have a stylesheet at virtue_premium-child/style.css with the following header information:

/*
Theme Name: All About Tea
Theme URI: *Login to see link
Description: Child theme for Virtue – Premium theme
Author: Kadence Themes, edited by ACG
Author URI: *Login to see link
Template: virtue_premium
Version: 1.0.0
*/

Am I missing a function in virtue_premium-child/functions.php, or is there some other mistake?

Andrew

[Andrew]

Andrew

#24259

Hi Ben

I’m doing something wrong with my child theme. I want to move all the custom css to the child theme to make it quicker when I’m working but the css styles are not being applied. They work fine at the moment in the advanced theme settings.

My child theme is at themes/virtue_premium-child. I know it’s working ok because (a) the child theme is selected in WP admin and (b) functions I have added in virtue_premium-child/functions.php are working.

I have a stylesheet at virtue_premium-child/style.css with the following header information:

/*
Theme Name: All About Tea
Theme URI: *Login to see link
Description: Child theme for Virtue – Premium theme
Author: Kadence Themes, edited by ACG
Author URI: *Login to see link
Template: virtue_premium
Version: 1.0.0
*/

Am I missing a function in virtue_premium-child/functions.php, or is there some other mistake?

Andrew

[Pascal]

Pascal

#24238

Hi Ben,

I followed your instructions, created a child theme, added my new font and it works fine for h1
Now I would like to use my new font all over : h2, h3, h4, h5, body fonts..
How do I do this ?

Isn’t there a way to actually add my new font to the list of fonts provided with virtue Premium in the theme options/typography ?

[Sogol]

Sogol

#24221

Now I am trying to see if my child theme’s style.css is working and it is not.

I entered for example:

.page-header {
text-align: right;
}

The page header does not move. What could be the problem?

[Joshua]

Joshua

#24214

Hello Ben:

I am using the “Types – Custom Fields and Custom Post Types Management” plugin to add some custom post types. How can I allow the CPT’s to utilize the tullwidth template that is integrated in the Virtue?

P.S.
I did create a child theme for the purpose of custom post type templates.

Thank you

Joshua Wieczorek
[email protected]

[Joshua]

Joshua

#24214

Hello Ben:

I am using the “Types – Custom Fields and Custom Post Types Management” plugin to add some custom post types. How can I allow the CPT’s to utilize the tullwidth template that is integrated in the Virtue?

P.S.
I did create a child theme for the purpose of custom post type templates.

Thank you

Joshua Wieczorek
[email protected]

[Ben Ritner]

Ben Ritner

#24170

Hey,
You don’t need any of those functions. See an example child theme here: https://www.kadencewp.com/wp-content/uploads/2014/02/virtue_premium_child.zip

any time to activate a new theme, even a child theme you have to assign which menus are going to which theme location. all you have to do is go to the menus page and assign your menu.

Ben

[Ben Ritner]

Ben Ritner

#24158

Just to say upfront, I would avoid such badly coded plugins that they require to you override theme files in order to make theme work. Also the point 7 is a really awful and incorrect way to add a script to the header of wordpress.

With that said your entitled to do what you want. And you don’t want to use the header.php file with virtue. You need to use the templates/head.php file if you want to add a script. Meaning you need to create a templates folder in you child theme then copy over head.php

remove your header.php file from the child theme.

Ben

[Sogol]

Sogol

#24157

So I figured it out and created the child theme by doing to following steps:

Created syle.css in new directory.

Then created new functions.php with the following code:

<?php

add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style' );
function enqueue_parent_theme_style() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

Then added another funtion to the parents themes funtions.php at the very top.

add_action( 'wp_enqueue_scripts', 'load_my_child_styles', 20 );
function load_my_child_styles() {
    wp_enqueue_style( 'child-theme', get_stylesheet_uri() );
}

Everything is translated from the parent theme to the child theme except for the menu. The menu is now disappeared. How do I solve this???

Website Url: sogoldecor.com

[Sogol]

Sogol

#24140

Hi,

I am having trouble creating a child theme with the Virtue Premium Theme.

I am following these instructions ‘*Login to see link but with no luck.

I guess the codes do not translate into the child theme because the Virtue Premium Theme uses inline style sheets and there is no .css file that controls the style in the theme.

So how do I proceed in creating a child theme?

[Sogol]

Sogol

#24140

Hi,

I am having trouble creating a child theme with the Virtue Premium Theme.

I am following these instructions ‘*Login to see link but with no luck.

I guess the codes do not translate into the child theme because the Virtue Premium Theme uses inline style sheets and there is no .css file that controls the style in the theme.

So how do I proceed in creating a child theme?