Infoway CSS
-
Hello: I am having no luck getting answers with the “Premium” Infoway help forum. He’s just not answering and when he does it’s hard to understand what he’s saying or it doesn’t work. I contacted WP staff and they referred me here.
Considering I know very little about css, I’ve been happy to be able to make a bunch of changes to the site, but I’m having trouble with some final tweaks. I would appreciate any help with the following three items.
1) The site has a mix of pages and posts and I’m trying to get them to look the same. I changed the color of the rule on the Post page but I’d like to make it a dashed line like the navigation menu above. I have no idea how to do that. Here’s a Post sample: http://flaxgoldentales.com/2014/08/21/a-visitor-for-bear/
And then, I’d like to add that dashed line to the Pages on the site. Here’s a sample of a Page: http://flaxgoldentales.com/holbrook-a-lizards-tale/
2) I’d like to remove ALL TAGS from showing up under posts. The Infoway author gave me code but it’s not working.
3) Finally, the custom header I added is looking fine on desktop but wasn’t working on mobile or tablet. The Infoway author gave me some css to try and it seems to work for mobile but not tablet. Any ideas?
THANK YOU IN ADVANCE!!
The blog I need help with is: (visible only to logged in users)
-
Hi there, and let’s see what we can do.
1) The site has a mix of pages and posts and I’m trying to get them to look the same. I changed the color of the rule on the Post page but I’d like to make it a dashed line like the navigation menu above. I have no idea how to do that.
The dashed line below the title and above content on post pages is actually two borders (a top and a bottom) on the entry meta. To keep both, find this rule in your existing custom CSS and change “border-color” to “border” and modify it to look like what I have below. The following will hide one of the border lines and make the other dashed so it matches the menu.
div.entry-meta { border-bottom: none; border-top: 1px dashed #9e9d9d; padding-bottom: 1px; }2) I’d like to remove ALL TAGS from showing up under posts. The Infoway author gave me code but it’s not working.
Due to the way Infoway’s HTML and CSS are structured, we will have to remove that entire line. This will remove the post footer tags and permalink.
.hentry footer { display: none; }3) Finally, the custom header I added is looking fine on desktop but wasn’t working on mobile or tablet. The Infoway author gave me some css to try and it seems to work for mobile but not tablet. Any ideas?
Add the following above the other media query you have (the one at 480px) and see what you think.
@media only screen and (max-width: 960px) { .header .logo img { width: 700px; max-width: 700px; } } -
I don’t know how to thank you. These fixes are perfect. They’re exactly what I needed! My only follow-up question is the dashed line css that you gave me worked perfectly on Posts. Is there a way to add the same to the content of a Page content, like this one: http://flaxgoldentales.com/holbrook-a-lizards-tale/
I tried .hentry but with no luck.
THANK YOU!Thank you!
-
Hi, for pages, they are structured a little differently. To add a border below the page titles, add the following CSS.
.page .heading_container { border-bottom: 1px dashed #9e9d9d; } -
Thank you again, that worked. It didn’t include the dashed line at the very bottom like the one on the posts page, but I live w/o that.
I really appreciate your help!
-
Ah, but why should you have to live without the bottom border on pages?
.page .entry-content { border-bottom: 1px dashed #9e9d9d; } -
I tried something close to that and it didn’t work. I guess close isn’t good enough. Thanks!!
-
You are welcome, and yes in CSS, sometimes close isn’t quite what is needed. There are actually a number of ways to do this.
- The topic ‘Infoway CSS’ is closed to new replies.
WordPress.com Forums 