Optimize Press - Blog image alignment

by DreBeltrami

Posted: 13 years ago 7 replies

WEB DESIGN

Hey Warriors!

Hoping someone in here can help me figure out what I am SURE is a simple .css tweak but I can't seem to dig in and figure out what stylesheet that I need to tweak.

I tried tweaking the blog.css and the typography.css by removing the "clear: both" and neither fixed this. Ive included a screenshot, hope that helps.

Any suggestions??

-Dre

#alignment #blog #image #optimize #press

DreBeltrami 13 years ago

Btw, the blog post can be found at:

http://chicgeekacademy.com/what-to-d...nce=c6ed24d951
- Thanks
- 1 reply
Signature
The Only 3 (Dirt Cheap) Tools You Need To Create Eye Catching, Viral Worthy Blog Images In Less Than 10 Minutes (Hint: NO Design Experience Needed!)
{{ DiscussionBoard.errors[8933684].message }}
- Patrick 13 years ago
  
  The image was too small and that link you sent is a draft, so the public can't view it, only admins can, but I guess you want to do a "alignright". Do it in custom css panel of OptimizePress or if its only for that particular page, simple click on the image to open the image options, and select right align.
  
  Thanks
  
  1 reply
  
  Signature
  Full Stack Developer | Shopify Developer | WordPress Developer | React Developer
  
  {{ DiscussionBoard.errors[8933843].message }}
  
  DreBeltrami 13 years ago
  
  I realize the css needs to be tweaked, I am just not sure what custom stylesheet that needs to be done on.
  
  The image is already aligned right, it's the text that needs to be wrapped around it.
  
  Here's the correct link to view a recent blog post to see what alignment I am talking about.
  
  What to Do When You
  
  Does that make sense?
  
  -Dre
  
  Thanks
  
  Signature
  The Only 3 (Dirt Cheap) Tools You Need To Create Eye Catching, Viral Worthy Blog Images In Less Than 10 Minutes (Hint: NO Design Experience Needed!)
  
  {{ DiscussionBoard.errors[8936635].message }}
Patrick 13 years ago

There is a div which has clear:both, which is after the floating bar, if you remove that div, then you will get exactly what you want...

View image: Clipboard01
- Thanks
Signature
Full Stack Developer | Shopify Developer | WordPress Developer | React Developer
{{ DiscussionBoard.errors[8936669].message }}
DreBeltrami 13 years ago

Yep, that was the exact code in the image I uploaded (not sure why it uploaded so tiny), so what I am asking is where/how to remove this div within the OP theme dashboard?
- Thanks
Signature
The Only 3 (Dirt Cheap) Tools You Need To Create Eye Catching, Viral Worthy Blog Images In Less Than 10 Minutes (Hint: NO Design Experience Needed!)
{{ DiscussionBoard.errors[8936693].message }}
WPcrew 13 years ago

You can do it via post editor, not through OP dashboard.
Go to that post, click on text mode, and just remove the code. That's it!
- Thanks
{{ DiscussionBoard.errors[8938461].message }}
DreBeltrami 13 years ago

That doesn't work as this isn't an image I inserted into the post it is the featured image that appears by default in the theme. So where is that code to tweak so the featured image on all posts is automatically wrapped?
- Thanks
Signature
The Only 3 (Dirt Cheap) Tools You Need To Create Eye Catching, Viral Worthy Blog Images In Less Than 10 Minutes (Hint: NO Design Experience Needed!)
{{ DiscussionBoard.errors[8939184].message }}

Optimize Press - Blog image alignment

Trending Topics

New Member Here - Looking Forward to Learning and Connecting

Built my first service business. Now ready to improve and find new ideas.

I believe in reciprocating

Living a boring life is NOT always a bad thing ...

Ever wonder why great things happen to bad people and horrific things happen to good people??