Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Montezuma Theme (http://forum.bytesforall.com/forumdisplay.php?f=53)
-   -   Posted images are...Weird? How to fix? (http://forum.bytesforall.com/showthread.php?t=20908)

veriria Sep 12, 2013 09:11 AM

Posted images are...Weird? How to fix?
 
Hello!
So I'm totally loving this theme; it is so easy to use. The ONLY thing I an complain about is the posting of images in posts & pages, and it would be lovely if someone could tell me how to fix it. I'm not very versed in css and all that jazz, so I didn't want to go mucking about my website for fear of breaking anything.

So here is a page from my website with an example of what I'm annoyed with: http://www.rubberhouse.net/links/

One thing I want to get rid of is the line around the images.

Also, the images won't stay on the same line together? What I mean is, if you type out the below html all the images should sit side by side, yes? Well, they aren't. They each go to a new line, as you can see on the webpage above. I don't want that. I want the images to be able to sit side by side.

HTML Code:

<img src="http://www.rubberhouse.net/wp-content/uploads/2013/09/jdz-button051.gif"><img alt="" src="http://www.rubberhouse.net/wp-content/uploads/2013/09/banfireflysworld.gif"><img src="http://www.rubberhouse.net/wp-content/uploads/2013/09/link130x55_3.gif">
Thank you for any help you can provide! I'm using the latest version of Montezuma available through download and wordpress 3.5.1

juggledad Sep 12, 2013 11:12 AM

Quote:

One thing I want to get rid of is the line around the images.
use the FIreBug code examiner in FireFox and look at what CSS is causing that, then you can code some other CSS to undo the effect.

veriria Sep 12, 2013 11:18 AM

Thanks for the suggestion; but I don't use FireFox (I use google chrome) and I'd rather not download another browser just to use the addon you suggested. I have no knowledge of CSS either. I can hardly believe that I'm the only person annoyed with the borders. I've been perplexed as to why something like that would be included in the wordpress template.

Maybe I'll be able to find someone who can answer my question in real life, and have them fix it for me. Thanks.

I figured out that I can at least make images go side by side using tables (but honestly, I shouldn't HAVE to do that)

juggledad Sep 12, 2013 11:53 AM

Well, I personally like the borders.

If you plan to make many customizations to almost any template, you really should learn CSS so you can make the changes, and having safari, Firefox , chrome and IE on your machine Isn't a big deal and it allows you to look at your site and see if there are and differences.

And you're free to use another template.

veriria Sep 12, 2013 12:59 PM

Well, my broham told me what to look for at least as far as the padding and outline went; I found it in the content.css file.

I still have yet to figure out how to get the images to be on the same line. http://www.rubberhouse.net/links/ For instance there are three images stacked there, and I don't want them stacked. They appear side by side in the page/post editor but not when published.

juggledad Sep 12, 2013 01:07 PM

add a 'float' right/left to each of them

CrouchingBruin Sep 12, 2013 02:22 PM

Quote:

Originally Posted by veriria (Post 103647)
I'm not very versed in css and all that jazz, so I didn't want to go mucking about my website for fear of breaking anything.

You can export your Montezuma settings before you attempt any changes, if you're scared you're going to screw something up, but usually you can't do too much damage just changing the CSS. Just make your changes gradually.

You really should read a tutorial on CSS, it's not that hard to pick up, and once you understand how it works, you'll be able to do all sorts of things with the appearance, including colors, borders, margins, "floating" elements, etc.

Chrome has Developer Tools (DevTools) integrated into the browser, which is very similar to Firebug (I actually like it better than Firebug). When you're examining a site, just right-click on an element and select Inspect element from the pop-up menu (it should be the last menu item at the bottom). The DevTool console will open up at the bottom of Chrome. You can add CSS rules in real-time, so you can see how they would affect the appearance.


All times are GMT -6. The time now is 07:55 PM.

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