Forum Replies Created
-
Posts
-
For the benefit of others, here the response from StudioPress re the changing of the header and centering the menu:
Adjusting header image size consists of two main steps:
1. First, you'll need to change the default header image upload size, from theme's "functions.php" file:
// Add support for custom header.
add_theme_support( 'custom-header', array(
'width' => 400,
'height' => 130,
'header-selector' => '.site-title a',
'header-text' => false,
'flex-height' => true,
) );Feel free to adjust the width and height values, as needed. Once done, you'll be able to upload your header image in new size.
2. Next, you'll also adjust width and height values in following code blocks in theme's style.css file, to match the new image size:
line# 1215:
.header-image .title-area {
margin-bottom: 20px;
margin-top: 20px;
min-height: 65px;
padding: 0;
width: 200px;
}line# 1240:
.header-image .site-title > a {
background-size: contain !important;
float: left;
min-height: 65px;
width: 200px;
}To control the placement of menu in header, you'll be able to control it by adjusting width value in code block at line # 1364:
.nav-primary {
float: left;
margin-top: 2px;
text-align: center;
width: 60%;
}Now, after reading this message, I changed only the width of the primary nav menu to 100% and it centered but then it dropped about 2 inches so now it’s too far from the logo and it’s not level. I haven’t even changed the header yet because I want to get this menu issue sorted out first because it’s bugging me the most.
Anyone have any ideas on how I can fix this now? I suspect it has to do with affecting some other code number elsewhere but I have no idea where to look!
Grace
Someone else I asked said not to change the size of the logo so that it appears properly on mobile devices. So ok I may not change the size of the header now but why is the menu not centred with the large heading like in the demo? https://my.studiopress.com/themes/infinity/#demo-full
As long as there is not a conflict or it screws up something, I am willing to duplicate the content on a page and a post.
Ok so I have to go back and set up and post my entries in pages not posts? I thought that posts were for blogs? I have struggled in the past to decide what to use...posts or pages. I always preferred pages.
I just reread the comments from the help desk person and she said it was in the widget area that doesn’t take embedded video not the body.
Also, the reason why I set the pages up as posts is so that my entries show up on the blog page. They weren’t showing up when I used pages. So my question is, do I have to set up both pages and posts so that 1) my entries show up on the blog page and 2) so that I can use the featured pages in the widget area for the top and middle sections? Is this the answer...have duplicate entries...each entry goes on a page and a post rather that either or? This seems to be the answer. Thanks for your help Brad!
How do I do that? Modify the CSS rules? Should I just use pages? I was told that embedded video doesn’t work on pages so that’s why I used posts.
So then it doesn’t matter if I use posts for my entries then? I uploaded the images to the Media Library but should I set these 300x200 images to individual pages or just draw from the Media Library? I was told to use posts for my blog instead of pages even though I am more comfortable using pages.
LOL. Thanks for your help. 🙂 Yes when I get angry, I get surprisingly more focused. Thank you for this piece of information (For future reference, you won't find an inline style in any style.css. The inline styles were most likely created when you made changes in the Customizer.) because I couldn’t figure out WHY I wasn’t seeing the color you showed me esp since I had changed that color to a darker green so I applied a different number.
Sometimes you have to “go nuclear” to get the job done when all else fails. There is more than one road to CSS Nirvana. Ha ha ha!
None of the places where I put !important beside the background worked. I went into the Editor and searched for #024731 on both CSS pages and nothing showed up. The ONLY thing that worked was that I deleted the damn INVESTORS page and created a new one! This worked. I figured since that color was not showing up anywhere, deleting the page was the last resort. 🙂 I took the !important off of the 3 places where I put it because that code did not have an effect.
I changed the color on the supposed menu to the grey. It did take on INVESTORS but not on the other buttons.
I took off the highlight on all of them. I even deleted the INVESTORS widget and added another one just to make sure but it’s still there. I don’t see it all of the other ones.
I emptied the cache. Still see it. Yes I did add highlight to that menu element. Let me change it brb.
I put important there but the color is still showing up in the box for INVESTOR. Why is it showing up on this link and nowhere else? Very strange.
Ok but how will this change the green color and why can’t I leave it as white? I don’t want the color in the hover button to show up at all. I just want the letters to change to green and the button light grey outline.
You mean I have to write code? That’s why I bought the theme. Where is this inline code...that big chunk of code at the beginning? Can you post the block of code please and where exactly this green hex color is so that I can change it? Thank you Christoph.