Search Results for 'page '

[Ben Ritner]

Ben Ritner

#24897

So you added as a page and not a link right?

You can use css like this, but it’s strange your not getting the current link class.

.post-type-archive-product #nav-main ul li.menu-shop > a {
    color:red;
}

[Shaun]

Shaun

#24894

I added it to the menu in the Appearance – Menus options.

I removed the page title
.page-title {
display: none !important;
}

Thanks.

[Ben Ritner]

Ben Ritner

#24890

Hey, It’s a menu item. The my-account page is a woo-commerce page. If you just add the page to a menu then assign that menu to your topbar menu area. you will have the button.

All done in the appearance > menus page.
Ben

[Ben Ritner]

Ben Ritner

#24887

Hey,
Are you talking about the line below the header? You can remove that in the theme options > site header. scroll down to “Border Color (For Transparent Header)” and click the transparent button.

If you don’t want the slider to be behind the header turn off the “Enable Transparent header until scrolled?” on the same page of the theme options.

Ben

[Jane]

Jane

#24884

Hi Ben,

here is my home page:http://www.mediastockroom.com

Thanks

[Ben Ritner]

Ben Ritner

#24880

Parallax doesn’t work on mobile devices because mobile devices don’t support the code for it (yet). It should only be there for desktop.

AS for your text. If your using page builder you can not click over to the editor and edit anything. You have to edit in the text widget not in the page editor.

Ben

[Ben Ritner]

Ben Ritner

#24879

Can you post a link? Is this for you home page or a different page?

Ben

[Ben Ritner]

Ben Ritner

#24875

How did you add the shop menu item?
I notice that your page doesn’t have a title?

Ben

[Ben Ritner]

Ben Ritner

#24869

You can use this css:

.page-header {
    position: relative;
}
.page-header h1 {
    text-align: center;
}
.page-header #kadbreadcrumbs {
position: absolute;
right: 0;
padding: 30px 0 0;
clear: right;
top: 0;
}
@media (max-width: 768px) {
.page-header #kadbreadcrumbs {
    position: static;
    float:none;
    display:block;
    text-align:center;
}
}

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

[Jane]

Jane

#24858

I’m trying to set up a parallax image on my homepage, and it looks great on my iMac, but doesn’t work unless the page is displayed wide enough and also doesn’t work on my iPad or iPhone. Am I missing a setting?

Also, I’ve set up text and a button, as per your Demo4 tutorial but, although I’ve tried centring these in the page editor, (align centre),

<h1 style=”color: #ffffff; text-align: center;”>Prices starting from just $2</h1>
<p style=”text-align: center;”>View More</p>

when I update the page, it just reverts to the previous code and moves everything back to the left.

Very confused!

[Jane]

Jane

#24858

I’m trying to set up a parallax image on my homepage, and it looks great on my iMac, but doesn’t work unless the page is displayed wide enough and also doesn’t work on my iPad or iPhone. Am I missing a setting?

Also, I’ve set up text and a button, as per your Demo4 tutorial but, although I’ve tried centring these in the page editor, (align centre),

<h1 style=”color: #ffffff; text-align: center;”>Prices starting from just $2</h1>
<p style=”text-align: center;”>View More</p>

when I update the page, it just reverts to the previous code and moves everything back to the left.

Very confused!

[Jane]

Jane

#24853

I have my home page set up with a logo to the left, and a menu to the right – each taking up approx the same amount of space, (half each). However, if the page is not displayed with sufficient width, the menu shrinks down, but it is obscured by the logo. Is my logo image too big or is there a way of making the logo only ever occupy half of the page and shrinck accordingly on smaller or mobile device pages?

Thanks

[Jane]

Jane

#24853

I have my home page set up with a logo to the left, and a menu to the right – each taking up approx the same amount of space, (half each). However, if the page is not displayed with sufficient width, the menu shrinks down, but it is obscured by the logo. Is my logo image too big or is there a way of making the logo only ever occupy half of the page and shrinck accordingly on smaller or mobile device pages?

Thanks

[Jane]

Jane

#24851

I’ve set up a parallax image on my homepage, as per the Virtue demo4 page, and have added a link and managed to change the button colour using the following:
[btn bcolor=”#6ac1be” text=”View More” tcolor=”#ffffff” link=”*Login to see link size=”large” font=”h1-family” icon=”icon-arrow-right”]

I’d like to add a hover colour of: #595959, but I’m not sure where to insert? I’ve tried several options but can’t figure it out!

Some assistance would be much appreciated.

[Jane]

Jane

#24851

I’ve set up a parallax image on my homepage, as per the Virtue demo4 page, and have added a link and managed to change the button colour using the following:
[btn bcolor=”#6ac1be” text=”View More” tcolor=”#ffffff” link=”*Login to see link size=”large” font=”h1-family” icon=”icon-arrow-right”]

I’d like to add a hover colour of: #595959, but I’m not sure where to insert? I’ve tried several options but can’t figure it out!

Some assistance would be much appreciated.

[Shaun]

Shaun

#24848

Hi Ben,

I am struggling to figure out the class to make the “Shop” nav item active when the visitor is in the Shop section of the site.

Here is the page.

*Login to see link

Thanks,
Shaun.

[Shaun]

Shaun

#24848

Hi Ben,

I am struggling to figure out the class to make the “Shop” nav item active when the visitor is in the Shop section of the site.

Here is the page.

*Login to see link

Thanks,
Shaun.

[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;
}

[Jane]

Jane

#24838

Is there a way that I can get the portfolio item title to display permanently, rather than just displaying when hovered?

Thanks

[Jane]

Jane

#24838

Is there a way that I can get the portfolio item title to display permanently, rather than just displaying when hovered?

Thanks

[Vidjay]

Vidjay

#24837

Hello Support,

I would like to center the pagetitle on every page, I tried this with:

#pageheader > div > div > h1
{
text-align: center;
}

But I also have breadcrumbs enabled, the problem is that the title isn’t quite centered, could you please help? Thank you

[Vidjay]

Vidjay

#24837

Hello Support,

I would like to center the pagetitle on every page, I tried this with:

#pageheader > div > div > h1
{
text-align: center;
}

But I also have breadcrumbs enabled, the problem is that the title isn’t quite centered, could you please help? Thank you

[elis]

elis

#24832

Hi, i’m Loving your Theme! Great job ; )

I’d like to setup a HOME page with a sidebar spanning only the blog grid or spanning some of the content and not all the page.

this is my site: http://www.dirtyrun.it

1) How can I add the blog grid in a Page Builder page?

2) I’m trying to add a countdown in the Home page none of them is working with page builder. Any suggestions? (I know this is a bit out of scope..)

Thanks

[elis]

elis

#24832

Hi, i’m Loving your Theme! Great job ; )

I’d like to setup a HOME page with a sidebar spanning only the blog grid or spanning some of the content and not all the page.

this is my site: http://www.dirtyrun.it

1) How can I add the blog grid in a Page Builder page?

2) I’m trying to add a countdown in the Home page none of them is working with page builder. Any suggestions? (I know this is a bit out of scope..)

Thanks

[Nariakira]

Nariakira

#24828

Hi, master.

Please help, icon does not appear.

So far to one established database on the server, I’ve been running a multi-site.
Virtue theme were moving without any problem on own domains.

However, installing the WP by creating a new directory under the root in the new database, does not display all the icons if I create a site with Virtue theme rely on own domain.
Icons of Facebook and Twitter and Google+ etc. in footer, the arrow of sliders and portfolio pages, all the icons.

In this: *Login to see link

As in the past of support, it was resolved when I wrote the following code to the CSS.
(http://www.kadencethemes.com/support-forums/topic/update-version-2-4-8-problems/)

“@ Font-face {font-family: virtue_icons;
src: url (*Login to see link
src: url (*Login to see link format (’embedded-opentype’),
url (*Login to see link format (‘woff’),
url (*Login to see link format (‘truetype’),
url (*Login to see link format (‘svg’);
}
”
However, I do want to know the fundamental solution, I want to run it.
Please be somehow help.

Regards, Thank you.

[Nariakira]

Nariakira

#24828

Hi, master.

Please help, icon does not appear.

So far to one established database on the server, I’ve been running a multi-site.
Virtue theme were moving without any problem on own domains.

However, installing the WP by creating a new directory under the root in the new database, does not display all the icons if I create a site with Virtue theme rely on own domain.
Icons of Facebook and Twitter and Google+ etc. in footer, the arrow of sliders and portfolio pages, all the icons.

In this: *Login to see link

As in the past of support, it was resolved when I wrote the following code to the CSS.
(http://www.kadencethemes.com/support-forums/topic/update-version-2-4-8-problems/)

“@ Font-face {font-family: virtue_icons;
src: url (*Login to see link
src: url (*Login to see link format (’embedded-opentype’),
url (*Login to see link format (‘woff’),
url (*Login to see link format (‘truetype’),
url (*Login to see link format (‘svg’);
}
”
However, I do want to know the fundamental solution, I want to run it.
Please be somehow help.

Regards, Thank you.

[Michael]

Michael

#24821

Hey Ben,
If you have a look at the Link i posted, you’ll see, that I’ve made a Menu into the Sidebar who contains similar Sites of one Topic.
I really like the handling and already had positive feedback, but i have two issues with it.
Link to the Page:

1. How can i set the Hover color and the actual chosen link to orange (similar to Mainmenu and Topbar)
2. How can i use the contact form with a Sidebar? I searched for a Short-code, but was not able to find one. //The same Question i have with the Portfolio, even when i haven’t set up the Sidebarmenu till now.

Thank you!

[Michael]

Michael

#24821

Hey Ben,
If you have a look at the Link i posted, you’ll see, that I’ve made a Menu into the Sidebar who contains similar Sites of one Topic.
I really like the handling and already had positive feedback, but i have two issues with it.
Link to the Page:

1. How can i set the Hover color and the actual chosen link to orange (similar to Mainmenu and Topbar)
2. How can i use the contact form with a Sidebar? I searched for a Short-code, but was not able to find one. //The same Question i have with the Portfolio, even when i haven’t set up the Sidebarmenu till now.

Thank you!