Forum replies created
Hi there,
Thanks for writing in,
You can add following code under Appearance > Theme Options > Custom CSS:
.sticky {
background: none !important;
box-shadow: none !important;
}
.home .type-post.sticky .entry-title a {
color: #51545c!important;
text-shadow: none!important;
}
.sticky .published {
border-right: 1px solid rgba(0,0,0,.1)!important;
}
.sticky .entry-header .author {
color: #ccc;
text-shadow: none!important;
}
.sticky .entry-content.article p {
color: #000000;
}
.home .type-post.sticky .entry-header a {
color: #ccc!important;
text-shadow: none!important;
}
.home .type-post.sticky .entry-header a:hover {
color: #23527c;
}
.home .type-post.sticky .entry-footer a {
color: #bfbfbf!important;
border: none!important;
text-shadow: none!important;
}
Thanks.
Hi Nicholas,
Thanks for writing in,
The example of Main Menu Colors given to you previously was taken from alora theme. In your case, to achieve a different color of menu items over hover, you can use following code under Appearance > Theme Options > Custom CSS:
ul.nav-menu li:hover a {
color: #e3e3e3;
}
Hope this helps!
Thanks.
Hi Ron,
Upon checking, the #4 margin has already been applied (see: http://prntscr.com/7hya4t). If you wish to increase or decrease the value, you can change into the code.
#pl-2942 .panel-grid-cell .so-panel {
margin-bottom: 35px;
}
Thanks.
Hi Kat,
Thanks for writing in,
Upon checking, your code is wrapped into a pre tag (see: http://prntscr.com/7hkxb2). So make sure to add your code into the text tab. Switch tab from here: http://prntscr.com/7hl2nv.
Thanks.
Hi Ron,
#1: You can try this CSS under Appearance > Theme Options > Custom CSS:
:
#logo, #logo a {
line-height: 50px;
margin-top: 22px;
}
#2: For this particular issue which requires customization so I’d advice you to consult a developer to assist you with this.
#3: Try this code to adjust the margin:
.widget-content {
margin-bottom: 0px !important;
}
.widget {
position: relative;
margin-bottom: 25px;
}
#4: You can adjust the margin by using #3 .widget’s margin and from this following code:
#pl-2942 .panel-grid-cell .so-panel {
margin-bottom: 30px;
}
Thanks.
You’re welcome Frank! 🙂
Hi Andras,
Thanks for writing in,
Firstly make it sure that the sticky header is disabled from your admin panel http://prntscr.com/7hjo1l. However the code you have been provided was for disabling your sticky header. And it didn’t work for you, perhaps it’s a caching issue, I’d advise clearing your browser’s cache or testing on a different browser. Secondly, after checking into your website the code you applied is still not working for full width, so please use this code under Appearance > Theme Options > Custom CSS:
#content.full-width {
width: 100% !important;
}
Thanks.
You’re welcome! 🙂
Hi Carlos,
Thanks for writing in,
Upon checking on an iPhone 5, the logo appears just fine at my end (see: http://prntscr.com/7h68n3). Would you mind confirming again?
Thanks.
Hi Ron,
Thanks for writing in,
#1: Try using following CSS code under Custom > CSS in the Customizer:
#logo, #logo a {
line-height: 70px;
}
#2: Try using these codes into your CSS:
.widget_wooslider_slideshow_posts h2.slide-title {
margin: 0px;
}
#secondary a, #secondary-2 .slide-title a {
line-height: 100%;
}
#3: To increase the margin you can use this code:
.widget {
position: relative;
margin-bottom: 30px;
}
#4 , #5: To suppress the extra margins you can try this CSS:
.panel-widget-style {
border: none !important;
}
.shortcode-tabs {
margin-bottom: 0px;
}
Thanks.