moving twitter box

are your gallary and twitter boxe in header? Then you edit the header.php and adjust the div tag..

no they are in the index.php

Could you provide some details as to how to adjust the div tag please??

Thanks!

check out where is the twitter box exactly and what is the css for it. You can try reducing the width of your div tag, but for that you need to check your CSS file in detail..

a simple example:

<div style="width:20px"> anything here</div>

Your gallery block is the entire width of the page & its CSS is set to “block” (e.g. to take up the entire line), thus there’s no room for the twitter thing to the right of it.

https://imagebin.ca/view/HHHGnI-i.html

thanks for the reply…how do I change that to make room next to it?

Looks like you bought this theme from somewhere? I hope you have an unedited backup of it somewhere.

In the meantime, go here: https://wordpress.pastebin.ca/

Paste the contents of your index.php file in there, post it, and then put the resulting link on here so we can see it.

Also, your navigation menu is not functioning correctly. When you roll over an item, it shifts the entire navbar north so that it can display the subpages. I’m guessing that’s a javascript problem – but if you want to address that, we’ll do so after we fix your twitter box.

Here it is:

wordpress.pastebin.ca/1494366

Okay, it looks like that entire block of area highlighted in the image link I posted earlier is inside of the “featured” div in your gallery.php page of the plugin itself (/wp-content/plugins/featured-content-gallery/gallery.php).

So in order to get your twitter in there, you’re going to have to add the twitter badge into the gallery.php page after all of the code for the gallery.

**Remember to back up everything before changing anything**

Twitter badge:

<?php showTwitterBadge(); ?>

Possible fix for gallery.php page:https://wordpress.pastebin.ca/1494377

**NOTE that that gallery.php is one I just grabbed from a download of the plugin that you’re using. If you’ve made any edits to that page on your own, don’t use this one — add the badge manually.

Now, that will get it into the “featured” div, but I’m not sure it’ll be perfectly aligned yet because of the CSS. It might require you to make 2 additional divs & accompanying CSS such that it goes from this:

<div id="featured">
gallery stuff
twitter badge
</div>

to

<div id="featured">
<div id="featured_left">gallery stuff</div>
<div id="featured_right">twitter badge</div>
</div>

Alternatively, you might be able to use relative CSS positioning to relocate your twitter badge… which may be easier.

I can seem to only get it on the featured content gallery, not next to it…I very well could be placing the code in the wrong place though.

I see that it’s now on top of your gallery — this is okay as long as we can get the gallery working again. Now just use CSS to position it to the right.

<div id="twitbadge" style="position: relative; margin-left: 657px; z-index: 1;"><?php showTwitterBadge(); ?></div>

I made up an id, “twitbadge” – you can change that to something else as long as you don’t already have an entry for it in your css.

I made it shift by 657 pixels because the width of the gallery plus the width of the badge does not equal the full length of the page.. so that may need to be tweaked.

Do i just put that code next to the other code?

If you post your gallery.php, I can see if it’s in the correct place or not. It should be at the bottom of the page but INSIDE of the </div>

e.g.

<div id="twitbadge" style="position: relative; margin-left: 657px; z-index: 1;"><?php showTwitterBadge(); ?></div>
</div>

https://wordpress.pastebin.ca/1494390

My knowledge CSS isn’t spectacular, so instead of it being margin-left: it might just be left:

CSS always kicks my butt.

https://www.yourhtmlsource.com/stylesheets/csslayout.html