I have followed instructions to setup these pages:
Woocommerce > Settings > Checkout > Cart page > Selected Cart
Pages > Added the page “Cart” > Added the shortcode “[woocommerce_cart]”
It seems that my theme is not compatible (also because it looks horrible ;)). But I can not figure out, where this issue results from… Any help?
For this I had created a woocommerce.php:
<?php get_header(); ?>
<section class="row">
<div class="col-sm-12">
<?php woocommerce_content(); ?>
</div>
</section>
<?php get_footer(); ?>and added this in the functions.php:
remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);
add_action('woocommerce_before_main_content', 'my_theme_wrapper_start', 10);
add_action('woocommerce_after_main_content', 'my_theme_wrapper_end', 10);
function my_theme_wrapper_start() {
echo '<div class="col-sm" id="main">';
}
function my_theme_wrapper_end() {
echo '</div>';
}
add_theme_support('woocommerce');The customized theme preview URL works fine: https://clevedontravel.com/?customize_changeset_uuid=f962ed49-265f-451a-9995-0b7b1fb030bc
But how do I make this preview URL appear on my website domain?
I’d be so grateful for help! I have been stuck for 24 hours now, searching but not finding the answer.
]]>I have searched for this specific topic, there was one in the past but never got resolved.
Here is the link to my customized theme website:
https://70.40.220.105/~iamanedu/
When you hover over each tab in the navigation, it is floating to the left, I would love for it to hover over it’s tab.
Here is my code:
html in my header.php:
<div id="main-nav">
<a href="home.html"><h1>I <span class="title">AM</span> An Educator</h2></a>
<div id="nav-items">
<?php wp_nav_menu( array( 'theme_location' => 'main-menu', 'container' => 'div','container_id' => 'main-nav', 'items-wrap' => '<ul id="nav-items"</ul>', ) ); ?> </div>
</div>and then the css:
#nav-items {
float: left;
border-top: solid thin #684685;
border-bottom: solid thin #684685;
width: 100%;
}
#nav-items ul li{
list-style-type: none;
display: inline;
padding: 5%;
position: relative;
}
#main-nav {
text-align: center;
float:right;
}
#nav-items > li {
font-family:'Oswald', sans-serif;
font-weight:400;
font-size: 1.125em;
display: inline-block;
list-style-type: none;
position: relative;
width:16%;
float:left;
line-height:50px;
text-align:center;
}
#nav-items li.wide {
width:20%;
}
#nav-items > li a {
text-decoration: none;
}
#nav-items > li a.current {
background: #fff;
color: #000;
}
#nav-items ul li:hover a {
background: #fff;
color: #000;
}
#nav-items > li a {
display: block;
color: #000;
}
#nav-items > li:hover a {
background: #fff;
color: #000;
}
#nav-items ul.sub-menu {
text-align: left;
position: absolute;
display: none;
background-color: #fff;
z-index: 20;
width:8em;
text-indent:1em;
}
#nav-items ul.sub-menu li {
display: block;
float: none;
font-size: 1em;
position: relative;
}
#nav-items ul.sub-menu li a {
}
#nav-items li:hover > ul.sub-menu{
display: block;
}Any help would be appreciated! thanks
]]>Here is the link to my customized theme website:
https://70.40.220.105/~iamanedu/
When you hover over each tab in the navigation, it is floating to the left, I would love for it to hover over it’s tab.
Here is my code:
html in my header.php:
<body <?php body_class();?>>
<div id="main-nav">
<a href="home.html"><h1>I <span class="title">AM</span> An Educator</h2></a>
<div id="nav-items">
<?php wp_nav_menu( array( 'theme_location' => 'main-menu', 'container' => 'div','container_id' => 'main-nav', 'items-wrap' => '<ul id="nav-items"</ul>', ) ); ?> </div>
</div>css:
#nav-items {
float: left;
border-top: solid thin #684685;
border-bottom: solid thin #684685;
width: 100%;
}
#main-nav ul li{
list-style-type: none;
display: inline;
padding: 5%;
position: relative;
}
#main-nav {
text-align: center;
float:right;
}
#main-nav > li {
font-family:'Oswald', sans-serif;
font-weight:400;
font-size: 1.125em;
display: inline-block;
list-style-type: none;
position: relative;
width:16%;
float:left;
line-height:50px;
text-align:center;
}
#main-nav li.wide {
width:20%;
}
#main-nav > li a {
text-decoration: none;
}
#main-nav > li a.current {
background: #fff;
color: #000;
}
#main-nav ul li:hover a {
background: #fff;
color: #000;
}
#main-nav > li a {
display: block;
color: #000;
}
#main-nav > li:hover a {
background: #fff;
color: #000;
}
#main-nav ul.sub-menu {
text-align: left;
position: absolute;
display: none;
background-color: #fff;
z-index: 20;
width:8em;
text-indent:1em;
}
#menu-main ul.sub-menu li {
display: block;
float: none;
font-size: 1em;
position: relative;
}
#menu-main ul.sub-menu li a {
}
#menu-main li:hover > ul.sub-menu{
display: block;
}I feel that the position is relative and absolute to the right declarations but not sure if there’s something i’m missing.
All help would be greatly appreciated thanks!
]]>https://www.ads-software.com/plugins/ajax-event-calendar/
]]>Having some things not working on a newly migrated site is normal, but, the original website should still be working and it is not in this case! This is what puzzles me!
We are using WordPress 4.3.1
It is a customized theme, not made by our team and our programmer (who has migrated tons of sites before) does not know how to fix it.
There is an image of a dove in the footer and it should appear behind the text on each page.
You can see that on this page: https://cymandeofficial.com/future-gigs/ it correctly appears behind the text, but on this page: https://cymandeofficial.com/homepage/ it appears in front, blocking the text.
The footer code is:
<?php
/**
* The template for displaying the footer
*
* Contains footer content and the closing of the #main and #page div elements.
*
* @package WordPress
* @subpackage Twenty_Fourteen
* @since Twenty Fourteen 1.0
*/
?>
<div class="dove">
<span><img src="<?php echo get_template_directory_uri(); ?>/images/dove.png" alt="" /></span> </div><!--dove closed-->
</div><!--wrapper closed-->
</div>
<div class="flt outer_three">
<div class="wrapper">
<p class="copy_right">Copyright @ 1970. Cymande. All Rights Reserved.</p>
</div><!--wrapper closed-->
</div><!--outer_three closed-->
<script src="https://webplayer.yahooapis.com/legacy/player.js"></script>
<script src="js/aap.js"></script>
<script>
if (window.addEventListener) {
window.addEventListener('load', function () {
accessibleAudioPlayer.init();
}, false);
}
else if (window.attachEvent) {
window.attachEvent('onload', function () {
accessibleAudioPlayer.init();
});
}
else {
document.addEventListener('load', function () {
accessibleAudioPlayer.init();
}, false);
}
</script>
<?php wp_footer(); ?>
</body>
</html>One template where the bird appears in front of the text is:
<?php
/*
Template Name:news_page_one
*/
get_header();
?>
<style>
span.main_image img {
height:419px !important;
}
</style>
<div class="flt main_box">
<?php while(have_posts()): the_post(); ?>
<div class="flt left_side_count">
<span class="main_image">
<?php the_post_thumbnail(array(331,419)); ?>
</span>
</div><!--left_side_count-->
<div class="flr right_side_count">
<?php the_content(); ?>
</div><!--left_side_count-->
</div><!--main_box closed-->
<?php $tagu = get_post_meta($post->ID,'bototm_gallery'); ?>
<div class="flt box_bottom">
<div class="sv_footer_photo">
<?php echo do_shortcode($tagu['0']); ?>
</div>
<?php endwhile; wp_reset_query(); ?>
</div><!--box_bottom closed-->
<?php get_footer(); ?>and a template where the bird correctly appears behind:
<?php
/*
Template Name:new_gigs Page
*/
get_header();
?>
<?php /*
<div class="flt main_box">
<div class="flt left_side_count"><div class="main_image"> <?php the_post_thumbnail(array(588,419)); ?></div></div>
<!--left_side_count-->
<div class="flr right_side_count right_side_links">
<?php while(have_posts()) : the_post(); ?>
<p class="links_pera">
<?php the_content(); ?>
</p>
<?php endwhile; ?>
</div>
</div>
<!--left_side_count-->
<!--main_box closed-->
<div class="flt box_bottom"></div>
<!--box_bottom closed-->
<!--member_page_slider closed--> <?php */ ?>
<div class="flt main_box">
<div class="flt left_side_count">
<div class="main_image"> <?php the_post_thumbnail(array(588,419)); ?>
</div>
</div><!--left_side_count-->
<div class="flr right_side_count">
<?php while(have_posts()) : the_post(); ?>
<p class="pera_gigs">
<?php the_content(); ?>
</p>
<?php endwhile; ?>
</div><!--left_side_count-->
</div><!--main_box closed-->
<style>
figure.gallery-item {
width: 10%;
float: left;
margin-left: 5px;
}
.sub_photo img
{
width:75px !important;
height:75px !important;
border: 4px solid #FFF;
}
.sub_photo
{
width:100% !important;
margin-left:0px !important;
}
.sub_photo img:hover
{
border: 4px solid #000;
}
.main_image img {
height:419px !important;
width:588px !important;
}
.right_side_count {
width:31% !important;
}
</style>
<?php
//
$tagu = get_post_meta($post->ID,'bototm_gallery');
//echo do_shortcode($tagu['0']); ?>
<div class="flt box_bottom">
<ul style="margin-left:10px !important; width:100% !important;" class="sub_photo sub_photo_gigs" class="sub_photo">
<?php echo do_shortcode($tagu['0']); ?>
</ul>
</div><!--box_bottom closed-->
</div><!--member_page_slider closed-->
<?php get_footer(); ?>Please help me work this out. Have you any idea what is causing the dove to sometimes appear correctly and at other times block the text?
]]>