I need some help hiding some elements of the footer of my page, I am using a child theme and I have copied the footer.php file from the Main theme folder to my child theme folder.
I have tried to modify the code but it didn't work.
Basically this is my website. www.hodst.com
In the footer section on the left bottom I want to hide all the Social icons and links.
And I would like the copyrights, terms & conditions and privacy policy to be aligned either in a single line or each on a seperate line but properly aligned.
I tried to align the copyrights section in a single line but i think the width of the container is not letting it happen.
Any help would be much appreciated.
Related
I'm working on Wordpress site which I have modified the main menu to have the logo placed in the center which links to the home page. I've used a <span> to achieve this. I have given it a title attribute of home so that when the responsive menu kicks in at 767px it reads Home and not blank. Until it reaches that break point, I want it not displayed so it only shows the logo. I'm having trouble finding the right CSS
you can see the page here http://s513195336.onlinehome.us/
and this is the CSS I'm trying to work with
ul#menu-main-menu li#menu-item-3377 a title{ display:none }
I feel like I'm close because if I remove a title the menu item disappears.
What you will need to do is create two elements, one with the title and one without, and show or hide the desired element with media queries. Meaning, at 767px, the element without the title attribute will be set to display:none, and the one with the title would be set to display:block (or whatever), and the opposite for over 767px. Make sense?
This is easily found with the browser inspector. I prefer Chrome. Right-click on the item you want to inspect, and make sure you have the right tag. You will see the css in the inspector for that item. If you hover the section on the top right part of item inspection, a caption will appear with the exact address in the root directory.
Use FTP to make changes or your c-Panel
I have created a block for my first client's website, im newish to Drupal and web development. On their contact page, I would like to position the block with the contact details to the right of the contact form which I have floated left.
I've tried floating the block right and position with absolute positioning, however when I resize the window it doesn't look right, all the text sqaushes up.
What I need is to move the block down, which I know I will have to put some css into the responsive css files to make the block move under the form when the window is resized but how should I position this text next to the form?
Thank you
You can float that block to the right and give both blocks a specific width
Which theme are you using? Isn't there a sidebar block you can position the contact details in? You shouldn't need to do any floating to achieve this, but rather the positioning of the blocks should be happening at the theme layout and template level.
I have a wordpress plugin that puts social icons at the top of my website. The problem is though the div is outside the main body div (or wrap div). Therefore, when I change the width of my site the social icons move relative to the browser window and not no the actual content of my website. Normally it would be as simple as just moving that div outside the wrap div to inside it, but it is a plugin and the structure of the plugin is nasty in that the div structure is in a minified javascript file and not in a nice HTML/PHP format.
So if you go to my site: http://warringah-plastics.com.au/ you can see the social icons in the div "dcsmt" in the top right hand corner and I want to position it to the left of the website search box where those existing social icons are. How would I do this? So I really want to put the "dcsmt" div inside the existing "top-cont" div. Thanks!
Create an empty div and give it a name "social_icons_wrapper" in your header near the search box where you want the social media icons.
Then call the following javascript from your footer:
var div_to_move = document.getElementById('dcsmt');
document.getElementById('social_icons_wrapper').appendChild(div_to_move);
i am creating a single TinyMCE toolbar for multiple containers & fixed it at top of all containers area, inside a div wrapper, but i have found that entire CSS of toolbar is lost,after wrapping. It appears like hyperlink urls only. Is there anyway i can apply CSS(Ui.css) link to toolbar inside a div Or any other workaround
You will need to apply the css to your main page (that is whre your toolbar is located at).
Hello i'm trying to implement a footer that sticks to the bottom of the page no matter the content size here 22twenty.com/wordpress and its not working the footer is for some reason sitting at the bottom of the gradient wrap not the page, i used this tutorial: http://www.wordimpressed.com/wordpress/put-a-css-sticky-footer-in-your-wordpress-theme/
If you need anymore info just ask
Thanks
Denver
Playing around with your page and CSS I found you hadn't quite completed the tutorial based on the link provided. The following is what was needed to be changed:
Move the footer tag outside of the container div.
Remove the margin line from the footer CSS rule.
These two things will move the footer to the bottom right of the page.