Hybrid Hooks and Widgets Plugin

1. 

   DKi (Member)
   Posted 1 year ago | Permalink

   Love the plugin as dealing with the function hooks can be a pain. my question is how can you center images and code inside the hook widget. Ive tried using div's and < center > code but nothing works. Is there a secret?

2. 

   John Myrstad (Member)
   Posted 1 year ago | Permalink

   The secret is that <center> is deprecated xhtml strict code.

   You may use css text-align center
   http://www.w3schools.com/CSS/pr_text_text-align.asp

3. 

   Justin Tadlock (Administrator)
   Posted 1 year ago | Permalink

   You must be a logged-in exclusive member to view this reply.

4. 

   DKi (Member)
   Posted 1 year ago | Permalink

   I just did it like this

   <div style="margin:auto;">ad code, img, etc etc</div>

   which did not work

5. 

   Justin Tadlock (Administrator)
   Posted 1 year ago | Permalink

   You must be a logged-in exclusive member to view this reply.

6. 

   Wardeh (Member)
   Posted 1 year ago | Permalink

   If you want to do inline CSS, this bit for the style works for me:

   style="display:block; margin:0 auto;"

   If your CSS is in your stylesheet, you should name the .class/#ID in the <div> tag and add the CSS for the .class/#ID like Justin showed earlier.

7. 

   John Myrstad (Member)
   Posted 1 year ago | Permalink

   Sorry for giving a not 100% correct advice here, but isnt it so that using text-align: center on a div centers all content inside the div, while margin: 0 auto; centers the div itself but not the content in the div ?

8. 

   DKi (Member)
   Posted 1 year ago | Permalink

   I'm using

   <div style="display:block;margin:0 auto;"><img src="www.imgurl.com"></div>

   and it just keeps the image aligned to the left. I want to be able to add ad code as well and center it in the header and footer using the Hybrid Hook plugin.

9. 

   Justin Tadlock (Administrator)
   Posted 1 year ago | Permalink

   You must be a logged-in exclusive member to view this reply.

10. 

    Justin Tadlock (Administrator)
    Posted 1 year ago | Permalink

    You must be a logged-in exclusive member to view this reply.

11. 

    Wardeh (Member)
    Posted 1 year ago | Permalink

    Oh, yeah, I've learned that the hard way before. I should have remembered to say that the inline CSS should be added to the <img> tag. Sorry!

12. 

    DKi (Member)
    Posted 1 year ago | Permalink

    that works for images, but wont i need a centered div for the ad code?

13. 

    Wardeh (Member)
    Posted 1 year ago | Permalink

    I think then you'd need to add the inline CSS to the <div> tag ALSO.

    Is this right?

14. 

    Justin Tadlock (Administrator)
    Posted 1 year ago | Permalink

    You must be a logged-in exclusive member to view this reply.

15. 

    DKi (Member)
    Posted 1 year ago | Permalink

    gah, wasnt even thinking about my div being outside of the wrap :( the width worked perfect!

Reply

You must log in to post.