Search Results for 'page '

[Isaac]

Isaac

#9098

Is it possible to separate the css of the posts from the css from the pages. I could then edit them separately.

[Ben Ritner]

Ben Ritner

#9097

Sorry left the container div in there, try this:

<div id="content" class="container">
   		<div class="row">
      <div class="main <?php echo kadence_main_class(); ?>" role="main">
<div id="pageheader" class="titleclass">
	<?php get_template_part('templates/page', 'header'); ?>
	</div><!--titleclass-->
<?php get_template_part('templates/content', 'page'); ?>
</div><!-- /.main -->

Ben

[Ben Ritner]

Ben Ritner

#9096

Hide shopping cart and add to cart area of product:
form.cart {
display: none!important;
}
Product spacing on the home page
.home-product .kad_product {
padding:0 30px;
}
hide orderby dropdown on shop page
.woocommerce-ordering {
display: none;
}

Ben

[Ben Ritner]

Ben Ritner

#9092

Hey,
You would need to edit template files. In the theme pages and posts were designed to be different. In posts the header was designed to be in the content but with a page it was designed to be above the content.

You can open page.php and see the code:

<div id="pageheader" class="titleclass">
		<div class="container">
			<?php get_template_part('templates/page', 'header'); ?>
		</div><!--container-->
	</div><!--titleclass-->
	
    <div id="content" class="container">
   		<div class="row">
      <div class="main <?php echo kadence_main_class(); ?>" role="main">

<?php get_template_part('templates/content', 'page'); ?>
</div><!-- /.main -->

You can switch out with this:

    <div id="content" class="container">
   		<div class="row">
      <div class="main <?php echo kadence_main_class(); ?>" role="main">
<div id="pageheader" class="titleclass">
		<div class="container">
			<?php get_template_part('templates/page', 'header'); ?>
		</div><!--container-->
	</div><!--titleclass-->
<?php get_template_part('templates/content', 'page'); ?>
</div><!-- /.main -->

and you would need to do this to every page template.

Ben

[Isaac]

Isaac

#9091

In other words how do I make the pages appear like the post page I have already designed?

[Isaac]

Isaac

#9090

So I edited the css on *Login to see link . It is beginning to look like how I want it to look. However, by doing this I messed up regular pages such as *Login to see link . For example, the sidebar appears below the content instead of to the right of it. My apologies, I could figure this out eventually, but I am low on time.

Thanks for the support!

[Isaac]

Isaac

#9090

So I edited the css on *Login to see link . It is beginning to look like how I want it to look. However, by doing this I messed up regular pages such as *Login to see link . For example, the sidebar appears below the content instead of to the right of it. My apologies, I could figure this out eventually, but I am low on time.

Thanks for the support!

[Ben Ritner]

Ben Ritner

#9082

Ok just switched pages and I see what you mean, the content area background isn’t large enough to cover all the content if the page is long.

So in your theme options > advanced settings you should also set your color to be black so that is’t not white behind the image.

But there is a css trick you can use too:

.contentclass {
background-size: cover;
}

add that to your custom css box in the theme options and it will force the image you have to stretch and fit no matter how tall the page is.

Ben

[Beth]

Beth

#9078

I see now, I didn’t quite get the relation with ‘Page Content Options.’

That makes way more sense now, I knew I must have been missing something obvious.

Works great, thanks so much!

[Jay]

Jay

#9076

I need to email you the log in information the site has a coming soon page on the front end. The problem is the background color for the header and footer is white and I also have a background image. But when you get down to a smaller width the header and footer background colors flow into the text which is also white. I tried to change the color to transparent but it didn’t work. But I really need to keep those parts of the page white for typographic contrast also.

[Ben Ritner]

Ben Ritner

#9075

You should be able to use the page content. It’s what I do here, just have the page content enabled at the bottom of the enabled list in the theme options > home layout. Layout manager.

http://themes.kadencethemes.com/virtue-premium/

Ben

[Beth]

Beth

#9072

Ok, got it for the Contact Us and Shop page – that’s kind of what I thought.

I did the home page as you describe already:
http://nationaldec.com/wp/

Just wasn’t able to figure out how to add the parallax image above the footer there – I tried using the Home Widget Area but it didn’t really work.

Thanks for getting back to me so quickly.

[Ben Ritner]

Ben Ritner

#9071

Hey so it can’t be done with the contact page template if you are using the contact form. But if you use a plugin like contact form 7 then you can add it to your page with a shortcode and just stick the shortcode in a column above your parallax background row.

As for the home page you have to select the page to be a static page in your wordpress settings > reading. Then the “page content” will be your page builder. I have a tutorial explaining here: https://www.kadencewp.com/creating-a-home-page-with-virtue/

As for your shop page that one is hard to use and have page builder. wooocommerce overrides the file to add the products so anything you add in pagebuilder will show on the top. What you can do is create a page (that isn’t set as your shop page) then use woocommerce shortcodes to add products to the page. That would give you control with pagebuilder.

Ben

[Ben Ritner]

Ben Ritner

#9069

So on your blog page you had a shortcode in the page content, which was the reason for the two different sections. Just needed to remove that shortcode.

as for making the home page use the grid you can by switching out the page content with latest posts in the layout manager. This works as long as your home page is set as the latest posts page in the wordpress settings. I switched this for you.

Ben

[Beth]

Beth

#9057

In addition – I just tried to add the same parallax image to the home page, which is fullwidth. It’s not reading the Pagebuilder (because it’s the home page?). Do I need to use the home page widget somehow to get it to work on this layout? Or is it not an option for the home page?

Also, same issue with Woocommerce’s ‘Shop’ default page.

Thanks!

[Beth]

Beth

#9056

Hi,

I have a page that utilizes the Contact template.

I am also trying to use Pagebuilder because I want to add the parallax image above the footer. This worked fine for me on a page that uses the Fullwidth template (*Login to see link

However with the Contact template the parallax image is only going about 2/3 of the way across the page. Is there any way around this, or can I not use the parallax image with the Contact template, since it’s not full-width?

*Login to see link

Thanks!

P.S. Thank you for adding those Pagebuilder templates, they are helping me see some cool features. It’s a big help.

[Beth]

Beth

#9056

Hi,

I have a page that utilizes the Contact template.

I am also trying to use Pagebuilder because I want to add the parallax image above the footer. This worked fine for me on a page that uses the Fullwidth template (*Login to see link

However with the Contact template the parallax image is only going about 2/3 of the way across the page. Is there any way around this, or can I not use the parallax image with the Contact template, since it’s not full-width?

*Login to see link

Thanks!

P.S. Thank you for adding those Pagebuilder templates, they are helping me see some cool features. It’s a big help.

[Effie]

Effie

#9051

I have achieved our desired layout for our BLOG PAGE, using the Page Template: Blog Grid.

There is, however, a default that I cannot get rid of. Above the content there is a 4-post blog grid that displays a repeat of the desired grid directly below. This is using css class=”home_blog kad-animation”, whereas the desired grid below is using id=”kad-blog-grid”.

The home_blog class is also the default style for the home page layout, however I would LOVE to have the kad-blog-grid there instead, as it displays the featured images better. Is there a way to swap these out without messing with the code. I’m not against creating a childtheme if need be.

*Login to see link

I have sent the login credentials to Ben in a private message.

[Effie]

Effie

#9051

I have achieved our desired layout for our BLOG PAGE, using the Page Template: Blog Grid.

There is, however, a default that I cannot get rid of. Above the content there is a 4-post blog grid that displays a repeat of the desired grid directly below. This is using css class=”home_blog kad-animation”, whereas the desired grid below is using id=”kad-blog-grid”.

The home_blog class is also the default style for the home page layout, however I would LOVE to have the kad-blog-grid there instead, as it displays the featured images better. Is there a way to swap these out without messing with the code. I’m not against creating a childtheme if need be.

*Login to see link

I have sent the login credentials to Ben in a private message.

[reinier]

reinier

#9045

Hi,

On the demo page I see 4 different skin styles. Where can I find these?
Best regards,
Reinier

[reinier]

reinier

#9045

Hi,

On the demo page I see 4 different skin styles. Where can I find these?
Best regards,
Reinier

[Effie]

Effie

#9044

In searching this forum, I have not found any solution on how to add attribute buttons for production size purchasing options, as shown in BENKWELLER’s site (which he provided a link to in this forum).

*Login to see link
pwd: bk

How is this enabled?

When I attempted to create a variable product, expecting the buttons might be the end result, the buttons are not created, and the QTY ordering feature next to the Add to Cart button disappears. This then leads to errors in using the Add to Cart function. The page reloads with this error: “Please choose product options…” (which are not available to be selected).

Please advise.

*Login to see link
user: bwol
pwd: bwol*

[Effie]

Effie

#9044

In searching this forum, I have not found any solution on how to add attribute buttons for production size purchasing options, as shown in BENKWELLER’s site (which he provided a link to in this forum).

*Login to see link
pwd: bk

How is this enabled?

When I attempted to create a variable product, expecting the buttons might be the end result, the buttons are not created, and the QTY ordering feature next to the Add to Cart button disappears. This then leads to errors in using the Add to Cart function. The page reloads with this error: “Please choose product options…” (which are not available to be selected).

Please advise.

*Login to see link
user: bwol
pwd: bwol*

[Ben Ritner]

Ben Ritner

#9039

Hey so this means there is a javascript error causing the theme javascript to not load. I can’t see your home page even with the login because it’s not an admin so I can’t tell you where the error is starting. But most likely there is a plugin causing an error. Also you can delete the virtuetool kit plugin it’s not needed with premium.

Ben

[Effie]

Effie

#9037

I tried all of the options Allison stated, and I also cleared my browser and WP cache and nothing is fixing the issue.

Everything WAS working just fine, however my home page display broke just BEFORE my site upgraded. I had been making a few MINOR adjustments to the topbar display content when my site broke.

I have an embedded video in my Slider Settings which WAS displaying full width, but now only displays 1/2 width, and EVERYTHING else beneath it is loading yet is completely invisible.

I’m on a fast approaching deadline for this client. Any ideas???

http://redesign.bicycleway.com/
user: bwol
pwd: bwol*