Can't have content on the same row with an image
Whenever I add two or more images one after the other, instead of displaying all of them on the same row as is normal, my new WordPress theme pushes them to a new row. I've found that if I just align each of them to the left, it displays them on the same row, but that's not really a solution, it's a workaround (+ I've got old posts where this would work as normal and I can't go back and edit all of them).
Example:
<img class="alignnone size-thumbnail wp-image-7" src="http://temp.ovidiuav.com/wp/wp-content/uploads/2018/10/Image-placeholder-150x150.png" alt="" width="150" height="150" />text<img class="alignnone size-thumbnail wp-image-6" src="http://temp.ovidiuav.com/wp/wp-content/uploads/2018/10/generic-image-placeholder-150x150.png" alt="" width="150" height="150" />
I've got an image, some text, and another image, that should just display one after the other, on the same row. Instead, they're each on their own row. So even if the content is after an image or before an image, it just can't be on the same row as the image itself.
To sum up: I can't add anything before or after an image, on the same row, unless I align the image to the left. I think that's a concise explanation of the issue. I just want my theme to stop this behavior and I can't figure out how.
Any help would be appreciated.
Thank you!
html wordpress image
asked Nov 13 '18 at 17:03
ovidiuavovidiuav
94
add a comment |
Whenever I add two or more images one after the other, instead of displaying all of them on the same row as is normal, my new WordPress theme pushes them to a new row. I've found that if I just align each of them to the left, it displays them on the same row, but that's not really a solution, it's a workaround (+ I've got old posts where this would work as normal and I can't go back and edit all of them).
Example:
<img class="alignnone size-thumbnail wp-image-7" src="http://temp.ovidiuav.com/wp/wp-content/uploads/2018/10/Image-placeholder-150x150.png" alt="" width="150" height="150" />text<img class="alignnone size-thumbnail wp-image-6" src="http://temp.ovidiuav.com/wp/wp-content/uploads/2018/10/generic-image-placeholder-150x150.png" alt="" width="150" height="150" />
I've got an image, some text, and another image, that should just display one after the other, on the same row. Instead, they're each on their own row. So even if the content is after an image or before an image, it just can't be on the same row as the image itself.
To sum up: I can't add anything before or after an image, on the same row, unless I align the image to the left. I think that's a concise explanation of the issue. I just want my theme to stop this behavior and I can't figure out how.
Any help would be appreciated.
Thank you!
html wordpress image
asked Nov 13 '18 at 17:03
ovidiuavovidiuav
94
The image is likely shown withdisplay: block, you probably want to usedisplay: inline-block
– DBS
Nov 13 '18 at 17:07
1
You have to edit your theme specific style sheet to achieve this. Show us some specific code or example to help you
– Ambrish Pathak
Nov 13 '18 at 17:08
@DBS You're right, that did it. Thank you!
– ovidiuav
Nov 13 '18 at 21:59
add a comment |
Whenever I add two or more images one after the other, instead of displaying all of them on the same row as is normal, my new WordPress theme pushes them to a new row. I've found that if I just align each of them to the left, it displays them on the same row, but that's not really a solution, it's a workaround (+ I've got old posts where this would work as normal and I can't go back and edit all of them).
Example:
<img class="alignnone size-thumbnail wp-image-7" src="http://temp.ovidiuav.com/wp/wp-content/uploads/2018/10/Image-placeholder-150x150.png" alt="" width="150" height="150" />text<img class="alignnone size-thumbnail wp-image-6" src="http://temp.ovidiuav.com/wp/wp-content/uploads/2018/10/generic-image-placeholder-150x150.png" alt="" width="150" height="150" />
I've got an image, some text, and another image, that should just display one after the other, on the same row. Instead, they're each on their own row. So even if the content is after an image or before an image, it just can't be on the same row as the image itself.
To sum up: I can't add anything before or after an image, on the same row, unless I align the image to the left. I think that's a concise explanation of the issue. I just want my theme to stop this behavior and I can't figure out how.
Any help would be appreciated.
Thank you!
html wordpress image
asked Nov 13 '18 at 17:03
ovidiuavovidiuav
94
Whenever I add two or more images one after the other, instead of displaying all of them on the same row as is normal, my new WordPress theme pushes them to a new row. I've found that if I just align each of them to the left, it displays them on the same row, but that's not really a solution, it's a workaround (+ I've got old posts where this would work as normal and I can't go back and edit all of them).
Example:
<img class="alignnone size-thumbnail wp-image-7" src="http://temp.ovidiuav.com/wp/wp-content/uploads/2018/10/Image-placeholder-150x150.png" alt="" width="150" height="150" />text<img class="alignnone size-thumbnail wp-image-6" src="http://temp.ovidiuav.com/wp/wp-content/uploads/2018/10/generic-image-placeholder-150x150.png" alt="" width="150" height="150" />
I've got an image, some text, and another image, that should just display one after the other, on the same row. Instead, they're each on their own row. So even if the content is after an image or before an image, it just can't be on the same row as the image itself.
To sum up: I can't add anything before or after an image, on the same row, unless I align the image to the left. I think that's a concise explanation of the issue. I just want my theme to stop this behavior and I can't figure out how.
Any help would be appreciated.
Thank you!
html wordpress image
html wordpress image
asked Nov 13 '18 at 17:03
ovidiuavovidiuav
94
asked Nov 13 '18 at 17:03
ovidiuavovidiuav
94
edited Nov 13 '18 at 22:05
ovidiuav
asked Nov 13 '18 at 17:03
ovidiuavovidiuav
94
asked Nov 13 '18 at 17:03
ovidiuavovidiuav
94
asked Nov 13 '18 at 17:03
ovidiuavovidiuav
94
94
The image is likely shown withdisplay: block, you probably want to usedisplay: inline-block
– DBS
Nov 13 '18 at 17:07
1
You have to edit your theme specific style sheet to achieve this. Show us some specific code or example to help you
– Ambrish Pathak
Nov 13 '18 at 17:08
@DBS You're right, that did it. Thank you!
– ovidiuav
Nov 13 '18 at 21:59
add a comment |
The image is likely shown withdisplay: block, you probably want to usedisplay: inline-block
– DBS
Nov 13 '18 at 17:07
1
You have to edit your theme specific style sheet to achieve this. Show us some specific code or example to help you
– Ambrish Pathak
Nov 13 '18 at 17:08
@DBS You're right, that did it. Thank you!
– ovidiuav
Nov 13 '18 at 21:59
The image is likely shown with
display: block, you probably want to use display: inline-block– DBS
Nov 13 '18 at 17:07
The image is likely shown with
display: block, you probably want to use display: inline-block– DBS
Nov 13 '18 at 17:07
1
1
You have to edit your theme specific style sheet to achieve this. Show us some specific code or example to help you
– Ambrish Pathak
Nov 13 '18 at 17:08
You have to edit your theme specific style sheet to achieve this. Show us some specific code or example to help you
– Ambrish Pathak
Nov 13 '18 at 17:08
@DBS You're right, that did it. Thank you!
– ovidiuav
Nov 13 '18 at 21:59
@DBS You're right, that did it. Thank you!
– ovidiuav
Nov 13 '18 at 21:59
add a comment |
1 Answer
1
active
oldest
votes
DBS found the solution (first comment on the question):
The image is likely shown with display: block, you probably want to use display: inline-block
answered Nov 13 '18 at 22:04
ovidiuavovidiuav
94
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53286107%2fcant-have-content-on-the-same-row-with-an-image%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
DBS found the solution (first comment on the question):
The image is likely shown with display: block, you probably want to use display: inline-block
answered Nov 13 '18 at 22:04
ovidiuavovidiuav
94
add a comment |
DBS found the solution (first comment on the question):
The image is likely shown with display: block, you probably want to use display: inline-block
answered Nov 13 '18 at 22:04
ovidiuavovidiuav
94
add a comment |
DBS found the solution (first comment on the question):
The image is likely shown with display: block, you probably want to use display: inline-block
answered Nov 13 '18 at 22:04
ovidiuavovidiuav
94
DBS found the solution (first comment on the question):
The image is likely shown with display: block, you probably want to use display: inline-block
answered Nov 13 '18 at 22:04
ovidiuavovidiuav
94
answered Nov 13 '18 at 22:04
ovidiuavovidiuav
94
answered Nov 13 '18 at 22:04
ovidiuavovidiuav
94
answered Nov 13 '18 at 22:04
ovidiuavovidiuav
94
94
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53286107%2fcant-have-content-on-the-same-row-with-an-image%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
The image is likely shown with
display: block, you probably want to usedisplay: inline-block– DBS
Nov 13 '18 at 17:07
1
You have to edit your theme specific style sheet to achieve this. Show us some specific code or example to help you
– Ambrish Pathak
Nov 13 '18 at 17:08
@DBS You're right, that did it. Thank you!
– ovidiuav
Nov 13 '18 at 21:59