Lucky jili slots login free chips.Enjoy Free 888+200 Daily Legal Bonus

Woocommerce Blocks – Featured Category Block button alignment problem

guerre64 — Tue, 06 Apr 2021 11:40:32 +0000

Seems there is a problem with button alignment when using the Featiured Product Category Block from the standard Woocommerce blocks in WP.

Was fine until recently and now the centre alignment does not work – left and right work just fine, but not centre.

Image can’t align center inside block column

Thu, 16 May 2019 07:22:56 +0000

example: https://img.eservice-hk.net/upload/2019/05/16/152213_c03bdb8c5b6ac99307b47cbf3a791114.png

deactivate aligncenter

airdrummer — Fri, 31 Aug 2018 12:50:22 +0000

i just ran into this problem:
https://www.ads-software.com/support/topic/deactivate-aligncenter-js-for-images/
and solved it by adding

.alignright {
	float: right!important;
}

to custom css

Pictures don’t align in center

aoum108 — Sun, 24 Dec 2017 07:41:31 +0000

Hello, pictures in posts don’t align in center. Please, fix it in next update.

.detail-content.single_page p img.aligncenter {
float: none;
margin-bottom: 15px;
display: inline-block;
}

I added in child theme next code and it worked.

.detail-content.single_page p img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

On page image not centered 100vw issue

stevepb — Fri, 25 Aug 2017 10:49:14 +0000

Hi, I have noticed that when smaller images are used in the page content; and set to be center aligned do not center align. This happens for example when viewing with 640x360x viewport and others.

It would appear this is the problem “100vw” within the style of an image. Remove a ‘v’ or a ‘w’ from this setting seems to resolve the issue.

Here’s a code example:

Show all NEBOSH courses

You’ll notice in two places ‘100vw’ is used.

In a style tag:

style="width: 100vw;"

and within a sizes tag:

sizes="(max-width: 500px) 100vw, 500px"

Files which have this setting are:

wp-content/plugins/accelerated-mobile-pages/includes/vendor/amp/includes/sanitizers/class-amp-base-sanitizer.php line 85
As a comment in wp-content/plugins/accelerated-mobile-pages/includes/vendor/amp/templates/style.php line 31
As a comment in accelerated-mobile-pages\includes\vendor\amp\back-compat\templates-v0-3\style.php line 54

I’ve tried editing these files, but struggling with the issue still. Any chance of a fix for this?

Some additional things I notice:

The not quite center align issue only happens when images are relatively small, say a few hundred pixels in width. If a larger image is used this doesn’t appear to be an issue and the image is centered.

The issue doesn’t happen when rotating the viewport; and the image in centered.

I have additional css rules to align center images with attachments and captions properly – these rules are not interfering at all with the generated code from accelerated mobile pages plugin; I removed my custom rules and the problem still occurred.

Any help would be appreciated, but appears to be a bug.

Thanks

Post Images Not Centered

giuliab — Mon, 04 Jul 2016 19:57:16 +0000

Hi
I know there are many topics like this one, but I read about a dozen and did not find it helpful.
I’m a complete beginner with WordPress, and so far I managed to adjust my blog to my needs, but now it seems that I can’t have the post images centered, no matter what I do.
This is my blog: https://giuliabeca.byethost15.com/
This is my theme: https://themeisle.com/themes/flat/
My plugins are updated, and I’ve tried centering the images from the Edit function and by putting the code class=”nofloat aligncenter”. Nothing worked.
What am I doing wrong?
Please notice that English is not my mothertongue, I hope my post is clear enough.

Thank you!
Giulia

Center portfolio

NIKIPLIM — Fri, 04 Dec 2015 08:00:36 +0000

Hi,

I’m currently using the free version of the Huge it portfolio gallery, however, when the portfolio seemed to align to the left, leaving a rather odd space of the right side of the content area.how can i justify the portfolio and centered them?

Thank you

https://www.ads-software.com/plugins/portfolio-gallery/

Images won't align Center, Right… CSS issue?

sbender — Fri, 25 Jul 2014 04:40:16 +0000

Here’s the site and page I’m playing with: https://www.charcrust.com/848/

The first image with the caption aligns nicely to the right. The second image at the bottom with no caption is set to aligncenter. But, as you can see, it doesn’t. It also doesn’t alignright either. I can’t get any of the photos (without captions) to align center or right. They all just align left no matter how I’ve set them in either the Image Details or the actual code.

I have added code to the .css file to align the photos with captions and that has worked. I’ve similarly added code for aligncenter et al and that hasn’t. Below is my entire .css file. Maybe some snippet of code is blocking the align styles from working…?

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body{
  margin:0px;
  padding:0px;
  height:100%;
  min-height:100%;
  width:100%;
}

#container{
	position: absolute;
  top: 0;
  padding: 0;
	height: auto !important;
  height: 100%;  /*for ie6*/
  width:100%;
  min-height: 100%;

}

/*Float clearing fix*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
* html .clearfix {height: 1%;}

/*reset default padding*/
/*img{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
}*/

form{
	margin:0px 0px 0px 0px;
}

ul{
	padding-left:1em;
	margin-left:0;
	margin-bottom:0;
}

h1{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

p{
	margin:15px 0 0 0;

}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

Anyone see where the issue is?

Can't Center Images

EnnisP — Sat, 01 Feb 2014 13:12:47 +0000

I use the Revolution Code Blue and I’ve been using it since 2009.

I’ve never been able to center images.

I added the following code to my site:

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

But nothing changed even after clearing cache.

Images align left and right without problem. It’s only centering that doesn’t work.

This is an example of my most recent problem: https://nowthinkaboutit.com/2014/02/easily-add-affiliate-link-to-images/

If you can help it would be appreciated. Thanks

Post Images Won't Center Despite CSS

JohnOHFS — Mon, 23 Sep 2013 01:07:12 +0000

OK. So, I built my own WP theme completely from scratch (www.ourhomefromscratch.com) and I’m having issues getting the post images to center using the aligncenter class, despite calling it out in the CSS. Most of the time I’m using images that are close to the total width of the main post area, so you can’t really tell it’s not centered. BUT, when I add smaller images, they are clearly aligned left. My work around for this has been to center them using HTML center commands.

I’m attaching my CSS for reference. Note that I’m using CSS with fluid grid layout for mobile.

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
}

The post content sits in a #main div, which is styled:

‘#main {
clear: none;
float: left;
margin-left: 4%;
width: 63%;

}’

Any help would be greatly appreciated!!