Having an issue involving a site in development. One page has a wordpress blog integrated into it. I have scrolltofixed running, but the issue is that on the page with the blog, the menu has a greater height then my other pages (no wordpress). (cloned the twenty eleven theme)
Blog page with "thicker" menu -> http://mandysaile.com/blog/
vs
"Regular" page http://mandysaile.com/getintouch/
I assume the issue is a css conflict somewhere, but can't track it down. Tried using firebug to figure it out, but no joy as of yet. The menu being used is not via wordpress (as only the blog page is a wordpress page). Ideas?
In your blog you have this:
body{font: 300 15px/1.625 "Helvetica Neue",Helvetica,Arial,sans-serif;}
which is not in your original page.
You can solve it in 2 ways:
1) add this code to your original page (or remove from blog)
2) if you need to keep this font declaration as is for any reason, simply change #menu li a to this:
#menu li a {
display: block;
padding: 0px 30px;
font-family: "amazonebt";
text-decoration: none;
font-size: 22px;
color: #3F5B5F;
font-weight: normal;
}
Related
I'm trying to make a single link in a WordPress top navigation menu that has a different background color but running into some issues.
What I have works on most of my pages but others not (as seen below). I assigned a CSS class (.contact-us-menu) to the individual menu item in the menu builder in WordPress, but I can seem to figure out how to get it to work across all the pages.
Wrong. (https://www.csolsinc.com/insights/)
Correct. (https://www.csolsinc.com/insights/webinars/)
This is the custom CSS I added with the "Wordpress Add Custom CSS" plugin.
li.contact-us-menu {
background-color:#f47e00!important;
height:50px!important;
border-radius:50px!important;
padding-right:15px;
color:#ffffff!important;
font-weight:bold!important;
vertical-align:middle;
}
li.contact-us-menu a {
color:#ffffff!important;
}
Any advice?
I looked through both of your site pages to look for the differences and I am seeing this line affecting the 'wrong' links:
#top-menu .menu-item .dropdown-toggle {
position: relative;
top: 11px !important;
For a fix, with your I would either change the top to -1px as in your 'correct'
or try to add:
li.contact-us-menu {
line-height: 50px;
}
to your css.
I installed the classifieds theme in Wordpress.The menu which I created for the previous theme can be seen in my new theme, but it is not visible when I take my cursor on the menu den only I can see the menu.
Kindly share the URL of your website. I think this is css styling issue.
Seems like the superfish menu plugin is not setting the CSS properties correctly when hovering over the menu item.Modify like below
sample css
.nav2 li.sfHover ul, ul.nav2 li:hover ul {
background: none repeat scroll 0 0 #B3B3B3;
color: #FFFFFF;
text-decoration: none;
z-index: 1000;
visibility: visible!important;
display: block!important;
}
I am using WordPress and have a problem with overlap between the sentences of body and blog sidebar.
But it just happens on mobile phone with the small screen size (4-5 inches) only, laptop or tablet is ok. How do I separate them to display better and avoid overlap issues?
This is the information of issue: Theme WordPress: Organic food theme
Link issue: Link of my website, that has this issue on mobile
image file of issue
Please help me with this. Nice day, Quanglepro
In your CSS (http://quanglepro.com/wp-content/themes/organicfood/framework/shortcodes/shortcodes.css) you need to edit:
.readmore {
border: 1px solid #bfbfbf;
border-radius: 5px;
padding: 10px;
text-shadow: none;
white-space: normal;
display: inline-block;
}
Changing white-space to "normal".
I'm having a weird issue with the way my Category page is displayed, elements of the selector are displayed in the body tag. This is causing an alignment issue with the navigation bar and the logo header.
Strangely enough this issue occurs only on the Category Page (Archive.php) while the same header.php file is loaded in all of the templates (homepage, product page, category page etc).
I've tried to disable all of the plugins but with no success and also reverted to the original archive.php file but the results are the same.
see the following link: http://www.best-foods-for-fat-burning.com/wordpress/?product_cat=%D7%91%D7%A9%D7%A8-%D7%91%D7%A7%D7%A8
Any assistance or guidance is well appreciated.
Regards
Ofer
Though it is very difficult to debug css without having the actual files in hand, but i think that the right padding in current_page_item is causing the problem,
nav li.current_page_item {
padding-right: 13px;
display: block;
height: 40px;
}
Change this to,
nav li.current_page_item {
display: block;
height: 40px;
}
And let me know. Think it should work.
Im trying to implement a more accurate h tag structure on my opencart site for seo purposes. For those that are unfamiliar with the html in opencart, most pages are split with php calls being made to seperate header, main body and footer files. I want to have a h1 tag that is slightly different on the main page to the product page by writing internal css to change the font size to something slightly smaller.
I therefore added the code (below) to the top of the products page which seems to work but leaves a massive white space at the bottom of the page below the footer. Example at this link: http://www.imbued.co.uk/sleep/aborro-bed
How do i implement this using css correctly?
<style>
h1 {
font-size:2em !important;
margin:0 0 20px !important
}
</style>
Try this:
"h1" on main page:
#content-home h1 {
font-size: 2em;
color: red;
}
"h1" on product page:
.product-info h1 {
font-size: 1em;
color: green;
}