For the logo
Open stylesheet
http://www.alkpurusha.net/wp-content/themes/customizr/inc/css/blue.css?ver=3.0.9
Line 6821 change the width to 100%
.row-fluid .span3 {
width: 100%;
}
In the same file on line 6768 change float to none and change margin-left to margin:0 auto
.row-fluid [class*="span"] {
-moz-box-sizing: border-box;
display: block;
<strong>float: none;</strong>
<strong>margin: 0 auto;</strong>
min-height: 30px;
width: 100%;
}
For removing the drop shadow of the menu. Go to line 5359 and remove “box-shadow” from the following block.
.navbar .navbar-inner {
border: 0 none;
<strong>box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);</strong>
margin: 14px 20px 10px;
padding-left: 5px;
z-index: 200;
}
Thanks for this. The logo changes worked fine.
However, the menu box CSS code didn’t work. The drop shadow remains and the box is not centred. Here is the code (I think I followed the instructions correctly:
.navbar .navbar-inner {
border: 0 none;
padding-left: 35px;
z-index: 200;
}
Thanks for this. The logo changes worked fine.
However, the menu box CSS code didn’t work. The drop shadow remains and the box is not centred. Here is the code (I think I followed the instructions correctly:
.navbar .navbar-inner {
border: 0 none;
padding-left: 35px;
z-index: 200;
}
Thanks for this. The logo changes worked fine.
However, the menu box CSS code didn’t work. The drop shadow remains and the box is not centred. Here is the code (I think I followed the instructions correctly:
.navbar .navbar-inner {
border: 0 none;
padding-left: 35px;
z-index: 200;
}
You left out line 6768. Modify float: left to none and remove margin-left and put margin:0 auto.
Finally it should look like this
.row-fluid [class*="span"] {
-moz-box-sizing: border-box;
display: block;
float: none;
margin: 0 auto;
min-height: 30px;
width: 100%;
}
Thank you. The menu box is now nicely centred, but the drop shadow remains. I used both code alternatives below, neither of which worked:
.navbar .navbar-inner {
border: 0 none;
margin: 14px 20px 10px;
padding-left: 5px;
z-index: 200;
}
.navbar .navbar-inner {
border: 0 none;
z-index: 200;
}
For removing the drop shadow of the menu, go to line 5359 of http://www.alkpurusha.net/wp-content/themes/customizr/inc/css/blue.css?ver=3.0.9 and remove “box-shadow” from the following block.
.navbar .navbar-inner {
border: 0 none;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
margin: 14px 20px 10px;
padding-left: 5px;
z-index: 200;
}
I am able to access this file (blue.css), download it, and edit it, but I am blocked from uploading it again to the same location to overwrite the earlier blue.css file, regardless of the number of times I try.
I have also tried to enter the code within WP in the CSS Editor, without success.
I am not sure how to proceed.
Regarding the other enquiry in my first message, on the subject of feature page image being truncated, I have replaced this image with several others but the truncation continues. I have also reloaded the Customizr Theme under a child theme, to no effect. I suspect there may be a glitch in the software. A close examination of the image seems to indicate that the magnifier effect actually miniturises the image, making it appear truncated.
It looks like blue.css was overwritten properly as I see no shadow around the menu.
As for the featured image it is because of the image’s aspect ratio, it is too wide to be “rounded”, try using a image with better dimensions or stretch this image like this.
I tried it and this is how it looks on the web page.
I switched to Firefox, and you’re right, the shadow is gone. But in Safari it remains! Anyway, that’s good enough for me and we can let that one rest.
I cropped the photo to a rectangle and yes there was definitely an improvement for the featured page image, but still truncated. I cropped it to a perfect square and still truncated. I’ll fiddle more with this. Curious.
Thanks for your help with this; much appreciated.
If I’m allowed, I have another enquiry, and wish to remove the small pencil icon in front of all the page and post headings. Or should I start a new string?
Its OK, I found the answer for this icon issue.on another string.
It could be that Safari has a cached copy of your old CSS file try clearing its history and temporary files.
And what is this pencil icon you’re talking about? Is it the red speech bubble displaying the number of comments?
The simple way to remove it is to add the following CSS code to the “custom CSS” section of the theme.
.comments-link {
display:none;
}
OK, I’ll reset Safari.
The icon is to the immediate left of every Page header and every Post heading, and looks like a fat pencil. Below is a copy of a string which gives code to remove it, which worked for me.
Q. “I’m having the exact same issue with the little annoying icon next to each page title. How do I disable this icon and also the title heading on the pages?
A. probably not the fanciest solution but I added this in the custom CSS
.format-icon:before {
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
padding-right: 10px;
opacity: 0.2;
position: relative;
top: 8px;
display: none;
font: normal normal 1.2em/1 'entypo';
}
