Trouble with my css

I'm using wordpress and woocommerce and I'm having difficulty with the css on single product pages :

The red border should surround all the content like here :

But when on single product page it is all messed up :

I'm pretty sure it is a really simple solution but I can't seem to find it.

the code of woocommerce.php (which is used to display content) PS : it is normal that there is a alone it is closing a div called from the header

Thank you so much

<?php get_header(); ?>

<div class="col span_5_of_8 transparent">
        <div class="site-content">

                <?php if ( function_exists('yoast_breadcrumb') ) {
                yoast_breadcrumb('<p id="breadcrumbs">','</p>');
                } ?>

                <div class="border"></div>

<?php woocommerce_content(); ?>



This is caused by the floating content inside the <div> with the border.

Try adding overflow: auto to .site-content.

.site-content {
  font-family: 'Radley', 'Libre Baskerville', 'Fenix', serif;
  color: #6B0001;
  font-size: 110%;
  z-index: 1;
  word-wrap: break-word;
  padding: 4% 4% 0;
  border: solid 1px #6B0001;
  margin: 15px 15px 15px;
  overflow: auto; /* ADD THIS */
Tags: Html / Css / Wordpress

Similar questions

CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS
Using the inspector tool i can see that some CSS is getting injected/generated from somewhere (which i don't know where) which is overriding my own css. I've tried several things from using a child theme, setting various CSS to "!important", tried editing bootstrap.css, tried to disable the appearance customizer (as the options getting injected see...
Is it better to put CSS in additional CSS or in Child theme styles.css
By better i guess i mean which works faster when rendering the page. I understand that the additional css editor stores the changes in the database. Does that make it quicker or slower than using styles.css in a child theme. Are there any other considerations, such a maintainability?
Wordpress Error "Invalid CSS" but the CSS referenced is not my CSS
This is an image of the error I'm getting from Wordpress. In the photo you can see that the references is to my xampp file as well. I don't know how to change that either. My actual CSS is: } } /* .wp-block-column{ p{ font-size: 20px; i{ font-size: 40px; } } } */ /*...
Style.css not overwriting parent style.css although style.css and functions.php are set up
I have been trying to fix this for two days, looking at the different answers on here. Whenever I edit css in the 'Additional CSS' editor in WP, I get the desired results. However, I can't seem to do this from the style.css sheet. Not that I need to do it from there, but it indicates to me that my child theme is not set up properly. My style.css fi...
Upgrading WordPress and Plugins; any Tips to Avoid Trouble?
Going to upgrade WordPress 2.7.1 to 3.0.1 along with all plugins, any tips to do without trouble? Edit: 7 September Dashboard is showing "New version available" for both, WordPress version and for some plugins. So i want to upgrade everything. then what should be upgraded first, WordPress or plugins? And which update would be best for both automati...
I'm having a lot of trouble since upgrade to 3.0.1 with get_page_children() function
I use the get_page_children() function to create a sub_nav for a designer client I do work for. She uses the Spry Assets flyout JS that DreamWeaver creates, so I have to manually do the menus like this rather than use the new menus functionality in WordPress. I had them all set up and working perfectly, and then my client upgraded to 3.0.1 and some...

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.