I have a very basic theme that I created and I'm running into a problem that I've never experienced with any other theme I've made.
The homepage, pages and blog category pages display fine. When I click on an individual blog post, though, the post appears at the TOP of the page, UNDER the header and nav bar.
http://s5.mynewsitereview.com/category/blog/ - this is correct
http://s5.mynewsitereview.com/test-post-one/#more-1 - this is not
Please help!
I think the problem is the page is scrolling (oddly, I agree) to your more-1 anchor because you've specified that in your link (after the #).
I think you have two options:
Get rid of the anchor in your link (http://s5.mynewsitereview.com/test-post-one/ looks fine), or
Move (to the top of your post) or remove altogether the anchor (<span id="more-1"></span>)
The problem is because <div id="main-pages">
have style:
overflow: hidden;
EDIT:
There is one easy to implement full height layout with header, footer and columns.
Related
I've been working on a site using Squarespace, Miller template, but have not found any answer on the Squarespace foras. I found a code that supposedly should do what I am asking for – that is to remove the scroll indicator from the page I apply it on. The only problem is that it apparently removes the scroll indicator from all so called "index pages", even though the code is only injected into the page header of the index page I want the scroll arrow to be removed from.
The site is: https://.kallemoberg.com
I want to remove the arrow from the home page only (it is only barely visible there, but it's there, around his feet). I've used the following code which I got from this site: https://www.ghostplugins.com/steps/8ehn58jk
<style>
.Index-page-scroll-indicator-text, .Index-page-scroll-indicator-arrow {
display: none!important;
}
</style>
PS: When writing this post, the code above is not active. I'm a n00b, and have tried my best to look around for solutions, but now I've come to a dead end. Any help with this would be much appreciated! -^-
I have a wordpress question.
Each post has multiple thumbnails, company logo and description. See the mockup: http://d.pr/i/19rBb
And on the homepage, I would like to display all the thumbnails minus the company logo. See the mockup: http://d.pr/i/zyRe
What's the best way to accomplish it? I would like to understand the concept more than the code.
Thanks!
Probably lots of ways. If you can give the logo thumbnails a different class or tag or otherwise give them an attribute that's distinct, then you can use CSS to display:none them on your home page only. You do that by adding code that basically says "if this page is the frontpage" img.logo_image {display:none;} "end if"
I there is a div around the images you want to hide the dive might be there but have no image in it. You'd then use jQuery to select the parent div of the image and display:none that div.
This is a WordPress issue and I'm asking this question here because I believe it is a CSS problem.
I'm using Wordpress and a theme named ShootinStar but I have to do my website in an RTL language. The theme supports RTL though.
Everything is perfect when the language of WordPress is English but once I change it to Farsi, then the width of my theme increases by maybe 4 times.
The website is visible and clear but you can actually swipe to left and see the rest of the background in a wide area.
Pages are fine, no problems with that. But the 'Post page' where I do my blogging which is my main page, is facing this issue. I tried assigning it to a page, but then that page will have the same problem.
I tried disabling plug-ins and changing themes, but nothing happened. I'm guessing that it is a CSS problem, but where is it exactly? I attached screenshots and highlighted the parts with red arrows.
This is after using element inspector:
What shall I do?!
You can add this CSS code to remove the unwanted space in the x-axis direction.
#container {
overflow-x: hidden;
}
I have gone thru the site and searched for the last two hours and am trying to get a wordpress site to work correctly. Everything is working except the white box that holds the content will not go to the bottom no matter what I try. I have tried all the options here but I think it may be that I do not understand enough about css or the divs are all messed up from the template. Can someone please help out with what I have crossed. My page is located at http://craftedimages.com/AA/aae-events/ and you will see the white box on the right that does not extend down. I got this template and have been modifying it of which there were already lots of problems. Thanks for your time ahead of time.
Try adding
#page{
height:1035px;
}
..to the css - the sidebar is this height and although it is auto that is the given height
Hope this helps
Using chrome inspect element. I can see that your <div id="wrapper"></div> has the style
height:auto;
set it to
height:100%;
That should fix it. Only do that for this page. The other pages are set to auto because it forms to their content. This page doesn't have enough content to reach the bottom like the rest of the pages.
I'm a bit fooling around with a new website idea. But when i was testing it the A HREF does not work. It's not even showing a finger/hand pointer.
It's the text at the content area (the first white block under the header, but not the menu). The headers should be links to the posts (Wordpress).
screenshot of the links that do not work (red arrows):
http://new.go80.nl/screenshots/brokenlinksscreen.png
Actually all the links in that area do not work.
And at the Contact page not even the google maps work.
I can't move around and can't click the links.
Can somebody please help me figure this out? I don't want to start over.
Website: http://new.go80.nl/headlines
EDIT, i first linked to the home page. Beacouse I'm new here i could only add one link and the home page actually is OK so I linked to the Headlines page.
Thank you guys very much!
Greetings, Joeri Kosters
It looks like focus is going to the pagewrap div by default
EDIT #2: Make sure you give an example that actually shows the problem : )
It looks like somehow you've gotten z-index: -1 on div#content, so it is falling 'behind' div#pagewrap and so is not clickable. Get rid of that and you should be fine.
There is a z-index: -1 in your global.css in your #content id section. Remove this and your problem is fixed.
The z-index is making all of the #content links unreachable by the mouse.
Umm, you haven't put this text inside <a></a> elements, according to the HTML source.
Umm just put those headlines text in between the "a" and href tags.
Your Heading