Bush

Play whichever way you like until unless some legal copyright and restriction from editing both are specified. Almost all themes which you will find (at least the free ones) are actually meant for ‘make it your own’ purpose and they do actually encourage it.

There is a separate css file for IE in twentytwelve/css .

Try editing following codes in it:
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image,
img[class*=”align”],
img[class*=”wp-image-“],
img[class*=”attachment-“] {
width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
}

change its values to those you have written above and it should sort the the issue.

Where are you facing difficulties? I mean video is straight forward and easy to understand. You need to first install the plugin specified in video and than follow the steps. If you have installed plugin than tell at what step you are facing difficulties? However I found this plugin too complex.

I tried finding a theme which have featured image beside text but did not found it. It will take a lot of time for me to find such theme. If anyone known than please give a link.

However considering that you need a theme for high quality photography, I tried tweaking one for you. Here is the link to check it out: https://photographyparadise.cu.cc/
Only the basic structure have been set for now and there need to do a lot of changes and additions. It can be best viewed for now in Google Chrome or Mozilla Firefox and some other browser like Internet Explorer may not display it correctly.
If you like it than please inform, I will continue working on it. You are absolutely free to use it or not to use it (no forcefully throwing it on you).

Looking forward for your response.

Ok, I am having difficulty in understanding what you are saying.

If I am not wrong than your are saying that you are using white text and its background also changes to white (the box that has “show” at the side of it).

You can try finding (using search box in style.css by pressing ctrl + f):-
select {
-webkit-appearance: menulist;
box-sizing: border-box;
-webkit-align-items: center;
border: 1px solid;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
white-space: pre;
-webkit-rtl-ordering: logical;
color: black;
background-color: white;
cursor: default;
}
and edit it to get your desired results.

You are saying that making change at one place is changing things at other places to. This could be because that coding of different stuffs (like comment and search button) are combined together. One such case I found is:
input, textarea, keygen, SELECT, button, isindex {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
}

here coding of textarea and that box is combined. You can easily separate them and make changes to theme differently. Like:
input, textarea, keygen, button, isindex {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
}
AND
select {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
}

One such example when you need to do this is suppose when you have your website’s title and subtitle both in left and you want to just make title move centre but both coding are combine like this:
.site-header h1, .site-header h2 {
text-align: left;
}

you can break this to:
.site-header h1 {
text-align: center;
}
.site-header h2 {
text-align: left;
}

Hope it might help you. If I am understanding it wrongs than please clarify me.

Giving reference to website or theme will make it easier to tell where exactly you need to make changes.

OR
if you don’t want to tell than you can find out yourself. It will be little tricky but may be you can figure it assuming that you have some knowledge of CSS.

Go to your website -> click search and bring it to the position at which you are facing difficulties.

Right click on search and click “inspect Element” if in chrome (or there would be something similar for other browsers)

below some coding will appear (HTMLs and CSSs). On right hand side column are the CSSs styles which are affecting it (search button). See coding similar to your issue. Eg:- if its displaying white than find white color and coding in front of it will the which you have to edit. Find it in stylesheet or wherever it exist and edit that.

Reply if still having trouble.

Hey, may be I known your issue.

Have you now or earlier used any different posts writer (WYSIWYG editor) than default one. If so than its formatting are overriding your theme’s default formatting (font size, line height etc.)

You may go to each post and remove those formatting (make sure that you backup first as removing bits of coding from a whole post can be risky if you are not experienced). They will look something like <span>, <p> etc.

OR

a safer trick which may or not work is copy text from post and copy it in NOTEPAD (not in any other) than remove text from post (check by switching to HTML mode that all such coding are gone). Copy and paste text from notepad to post editor back. Update it and see if theme formatting (style) are being displayed.

I always prefer to edit styling from theme as it make changes to whole website’s post and posts display in same format.

If you want some help with 20 12 theme than I may be able to help you as I also use it and known about most of its style.css codes.

If still having issue than reply back.

Just making a guess with my experience.

You likely downloaded and editing a theme from internet to get your desired result. If so make sure that it displays everything correctly before editing.
[Moderator note: Please don’t type normal words in uppercase. Screen readers read those words one letter at a time, so your sentence loses/ words lose meaning if they are not acronyms]

If so and your are sure that you have not made any error in theme. Than the things is that theme have different coding to support old browser and new browsers. find similar coding throughout the theme and change them in proportion to what you have changed.

If that is not the case than there might be some error in changes that you made. [all written above matters only when you have used some theme and not making it from the scratch]

As I mentioned above (similar to that) the website is using featured image.

checkout: https://www.youtube.com/results?search_query=wordpress+featured+image&oq=wordpress+fea&gs_l=youtube.3.1.0l7.973.9850.0.12069.23.16.4.3.3.0.290.2241.6j6j4.16.0…0.0…1ac.1.11.youtube.xycQS9VEkJs

Some themes support it and some don’t. Even which support, display it in different styles.

Currently I’m busy with my works but tomorrow or day after I will definitely try finding and tweaking a theme which is similar to your concept. I am also not a professional and have just a couple of month experience of playing with css. Whether I succeed or fail I will inform you.

You can use coding and ideas from other’s website. There is nothing wrong in that. You are not stealing and pirating there theme. WordPress and most of other popular CMS are open source. You can use and make changes in everything provided eg:- themes, plugins etc. [you cannot use other’s premium theme which is not in wordpress directory and whose owner don’t allow it by acquiring it from illegal source like piracy but can see and make exact looking copy(even by digging in there coding)]

They must be using WordPress as WordPress fits perfectly for there purpose.

It is good for you also to use wordpress as it is easy to use and you can do everything which is required for your purpose (making a guess).
Other CMS’s are for heavy database purpose websites and are complex to use (telling by my own experience).

I will give a link to download and use theme if I succeed or else I will inform you (on this post) if I failed.

If you will align your image to left or right by default your theme should have feature of wrapping text. But in most themes by default there is no text wrap when you are aligning image in centre.

You can edit such features in your theme’s style.css.

image you provided is also doing same. Its just that it have less text, bigger image, slimmer image, WIDE theme…….etc.

If you want to have exactly same or similar look than here are some tips:

remove margin/padding in you theme between (1)content and container, (2)posts. Change placement of post title and image (usually there is a dedicated coding in css if you have just one image in your post which will make it happen).

If still having issues than reply (it would be better if you provide link to your website but may be you don’t want to do that, which is fine or you can provide link to website whose image you snapped to know what exactly it did)

img[Attributes Style] {
width: 940px;
height: 198px;
}

above coding is different on both pages.

at home you have it as:-
img[Attributes Style] {
width: 920px;
height: 193px;
}

If you are not being able to find it than trying adding this code.

or it could be that you have two different code affecting home and other pages.
Try finding similar code to what you have edited and change that.

Thanks you very much. It worked ??

I am having some trouble with it and crashed website few times(which could be because I have never done any .php work). But I am reading through link that you provided for now and will post if still feel need for help.

Thanks Again!