resolved
ianforest
Member
Hi
I have a problem with image alignment. I'm trying to align images on the left and on the right....but they just don't show properly at all. Here is a sample page...
Image 1 is left-aligned..and this is ok
Image 2 should be centered but as you can see, the text is centered and the image is left-aligned
Image 3 should be right-aligned but it's left-aligned.
.alignleft{
float:left;
margin:0px 15px 15px 0pt;
}
.alignright{
float:right;
margin:0px 0pt 15px 15px;
}
.aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}
search for these classes in style.css and try to prepend a #top div to each of them.
for example:
#top div .aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}
I've the same issue. It is now working for left and right, but centre is still not correct.
Hi!
Can you post the URL to your site?
Best regards,
James
This is the site http://www.drivinglessons-derby.co.uk/
The page I am trying to edit initially with a centred image is http://www.drivinglessons-derby.co.uk/driving-theory-material/
Thanks mate.
Firstly, take out the inline styles (text-align: centre) - ideally everything should be done using you stylesheets because it's so much easier to make changes this way.
Then add this to the end of style.css:
body #top .aligncenter { float: none !important; margin: 0 auto; }
That worked for me, let me know how you get on.
Hey!
Can you point me to an example?
Regards,
James
lichtsetup
Member
I buy this theme today but I have so much trouble with my images and the text. The text wraps around the images and destroys the whole page layout.
I can't belive that I'm the first user with this problem?
Any hints?
If not, I can't use this theme, sorry
Regards
Joerg
Hey,
The images you've added are contained within their own p tag. Taking "Zertifikat" image as an example, if you correct the post content so the image is in the same p tag as the text and you add the alignleft class instead of alignnone this will fix the presentation of the content and align the image and text correctly.
Cheers,
James
Please bear in mind that we receive up to 150 separate support requests every day through this forum and by email, and questions are answered in the order received.
I don't know what you consider the "normal way" to write a post, but personally I use the HTML view exclusively because WordPress' editor adds HTML which I don't want on my articles. If you add an image on its own line it will have its own p tag added - you can correct this in HTML view.
The orange underline is added by border-bottom, search through /css/style1.css and remove this code from img tags to remove the line:
border-bottom:1px solid #FF9000;
lichtsetup
Member
If I do the following change in style1.css
.wrapper a, #main #sidebar .textwidget a{
color:#777777;
/*border-bottom: 1px solid #ff9000;*/
}
All Border bottoms are gone. I want to do this only on images. I can't find your mention of an img tag in style1.css.
My normal way is not html view, so we have 2 normal ways. I think both of them have to work.
Sorry, but this is not my understanding of a premium theme.
lichtsetup
Member
More Info: I want to disable also the gray blorderline only on images with links
Here is my HTML Code
------------------------------
Photoshop Plugins gibt es inzwischen wie Sand am Meer. Stolze 150 davon hat sich das Team von Webresources Depot angeschaut und in einer nützlichen Übersicht zusammengestellt.
Hier finden sich sowohl Plugins für schnelle Korrekturen als auch für starke künstlerische Effekte. Alle Plugins können kostenlos heruntergeladen und verwendet werden.
-----------------------------------
How can I format the layout without having p tags?
Ok, replace the border-bottom code you removed, then add this to the end of style1.css:
`img a { border-bottom: none !important; }
To view / remove extra p tags, edit the post using HTML view and delete the extra ones.
James
body #top .aligncenter { float: none !important; margin: 0 auto; }
That worked spot on - nice one.
Thanks for sorting this out pal. Superb
Hey!
You're welcome, let me know if you have any other questions.
Regards,
James
Hey!
Ok, can you post a direct URL to the page where the floats are not right?
Best regards,
James
nicojr
Member
I also bought the Display theme and is experiencing the same error. I understand that you have a lot of emails received regarding support but I think it's best you release an update to the CSS of this theme, instead of asking users who paid for the theme do the work for you. You're also wasting time answering all posts here when you could have spent the time editing the stylesheet of the theme and having it fixed once and for all. Not all of your buyers are expert coders.
P.S. Having a lot of support emails, and bragging about it also reflects bad on your company. That just means that there is a lot of things wrong with the "PREMIUM" themes you've been releasing.
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
