Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

How do I put the text to the right of the image?


  #1  
Old Aug 5, 2015, 01:12 PM
AsianStarsID
 
27 posts · Jul 2015
New York
Like this from soshified.com:



If my image is 304x540, there is a lot of white space on the right.


Also, does the grayscale-to-color effect make my website faster? Any drawback to continue using it?

Website: asianstarsid.com

Last edited by AsianStarsID; Aug 9, 2015 at 09:16 AM.
  #2  
Old Aug 9, 2015, 01:30 AM
CrouchingBruin's Avatar
CrouchingBruin
 
299 posts · Aug 2010
Santa Monica, CA
Add this rule to the end of your various.css file:
Code:
.blog .post-bodycopy:before {
	clear: none;
}
This will allow the post content to flow up next to the image.

Quote:
Also, does the grayscale-to-color effect make my website faster? Any drawback to continue using it?
There shouldn't be any significant affect on page load speed by either including or excluding the grayscale image.
__________________
My Montezuma-themed sites: ESHS Girls Basketball Team, Venice Hongwanji Buddhist Temple
Please consider making a donation to BytesForAll for their great themes!

Last edited by CrouchingBruin; Aug 9, 2015 at 02:25 AM.
  #3  
Old Aug 11, 2015, 11:39 PM
AsianStarsID
 
27 posts · Jul 2015
New York
thanks, i finally got it. This thread helped a lot.

anyway to make this image here move to the center in relation to the images I have on the same page? whenever i change the margins, all the pictures move at the same time.



this is what i have in mind:


Last edited by AsianStarsID; Aug 11, 2015 at 11:51 PM.
  #4  
Old Aug 12, 2015, 12:54 AM
CrouchingBruin's Avatar
CrouchingBruin
 
299 posts · Aug 2010
Santa Monica, CA
So you want the image to center inside of the container div, is that correct? Change this rule:
Code:
img.wp-post-image {
    clear: both;
    position: relative;
    float: left;
    left: 0px;
    text-align: center;
}
to this:
Code:
img.wp-post-image {
    clear: both;
    position: relative;
    float: none;
    left: 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
__________________
My Montezuma-themed sites: ESHS Girls Basketball Team, Venice Hongwanji Buddhist Temple
Please consider making a donation to BytesForAll for their great themes!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Add Alt text to Header Image IndieJack Header configuration & styling 16 Aug 29, 2013 08:23 AM
[SOLVED] Image size and ALT text do not show up in sidebar text widget Shama Sidebars & Widgets 2 Mar 3, 2013 07:06 AM
Add a text under the header image bg74blogger Header configuration & styling 4 Apr 3, 2011 08:22 PM
Changing the links default title text to an image jpg of text veenublue Sidebars & Widgets 2 Jun 5, 2009 06:05 AM


All times are GMT -6. The time now is 12:14 PM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.