Title: ascent theme Last modified: August 31, 2016 --- # ascent theme * Resolved [johnloreng](https://wordpress.org/support/users/johnloreng/) * (@johnloreng) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/) * please how can i remove the top bar(email, phone number) in ascent theme and also how to reduce the height of the navigation bar [learninglions site](http://www.learninglions.org) Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/ascent-theme/page/2/?output_format=md) [→](https://wordpress.org/support/topic/ascent-theme/page/2/?output_format=md) * [Johnna Armstrong](https://wordpress.org/support/users/johnna-armstrong/) * (@johnna-armstrong) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7203813) * It looks like you have already removed the email and phone number, so the next thing to do is add some custom CSS. Go to Appearance > Edit CSS, and then add the following code: * ``` .header-bottom { padding: 0 !important; background: #FFF; } .header-top { background: #3A3C41; min-height: 0 !important; border-top: 4px solid #1ABC9C; color: #FFF !important; font-size: 12px; padding: 0 !important; } ``` * You may want to tweak the styles a bit, but that should do it. * Thread Starter [johnloreng](https://wordpress.org/support/users/johnloreng/) * (@johnloreng) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7203941) * [@johnna](https://wordpress.org/support/users/johnna/) Armstrong thank you i really appreciate, that css code it really worked well. * Thread Starter [johnloreng](https://wordpress.org/support/users/johnloreng/) * (@johnloreng) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7203942) * [@johnna](https://wordpress.org/support/users/johnna/) Armstrong how can i remove title page in the middle of the every page because it is repeating on top part again and also to reduce the big space between the slider and the content in every page [learning lion site](http://www.learninglions.org) * [Johnna Armstrong](https://wordpress.org/support/users/johnna-armstrong/) * (@johnna-armstrong) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7203943) * You can reduce the white space below the slider by adjusting this style: * ``` .main-content { padding: 60px 0; } ``` * I’m sorry, I’m not understanding what the title page is that you would like to remove. Can you give me an example? * [daviesaina](https://wordpress.org/support/users/daviesaina/) * (@daviesaina) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7203955) * Hi Johnna, how can i make my navigation bar transparent? I’ve tried different CSS code like .main- navigation {background-color:transparent;} I’m using the same theme as [@johnloreng](https://wordpress.org/support/users/johnloreng/), the user above. * [daviesaina](https://wordpress.org/support/users/daviesaina/) * (@daviesaina) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7203956) * That’s ascent theme * [Johnna Armstrong](https://wordpress.org/support/users/johnna-armstrong/) * (@johnna-armstrong) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7203957) * [@daviesaina](https://wordpress.org/support/users/daviesaina/), it’s hard to tell for sure without a link to your site, but if it’s the same setup as [@johnloreng](https://wordpress.org/support/users/johnloreng/), then this should work: * ``` .header-bottom { padding: 0!important; background: transparent; } ``` * You may need to add `!important` to the background rule. * Thread Starter [johnloreng](https://wordpress.org/support/users/johnloreng/) * (@johnloreng) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7203958) * [@johnna](https://wordpress.org/support/users/johnna/) Armstrong i used this code to remove the white space bellow the slider but nothing is changing [site](http://www.learninglions.org) . main-content { padding: 60px 0; } * [daviesaina](https://wordpress.org/support/users/daviesaina/) * (@daviesaina) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7203959) * Worked perfectly! Thanks * [Johnna Armstrong](https://wordpress.org/support/users/johnna-armstrong/) * (@johnna-armstrong) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7203960) * [@johnloreng](https://wordpress.org/support/users/johnloreng/), try adjusting the 60px to something smaller (or to 0). * Thread Starter [johnloreng](https://wordpress.org/support/users/johnloreng/) * (@johnloreng) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7203961) * [@johnna](https://wordpress.org/support/users/johnna/) Armstrong thanks you, it is working great. * [daviesaina](https://wordpress.org/support/users/daviesaina/) * (@daviesaina) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7203967) * [@johnna](https://wordpress.org/support/users/johnna/) Armstrong is there any way i could increase size of the slider in [learning lions](http://www.learninglions.org) so that on load it covers the whole section that you see before you scroll down. You can also help me out in putting an overlay color on the slider pictures * [Johnna Armstrong](https://wordpress.org/support/users/johnna-armstrong/) * (@johnna-armstrong) * [10 years, 2 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7203970) * If you want to have a slider that covers the entire viewport on all devices larger than phones — it looks like you have mobile theme turned on for phones without the slider, right? — I’d recommend using another theme, rather than hacking up the one you’re using. Ascent is a great responsive theme that does a terrific job of scaling the slider images to all devices by width. Having a slider that covers the viewport requires scaling by height, and (typically) hiding part of the image on some devices. It also requires more planning for your slider images, because parts of them will be cut off on smaller viewports. * This falls into opinion-territory, but my feeling is that the theme you have will be easier to update going forward and cost less money to maintain than one that has a slider that covers the viewport. But if the slider covering viewport requirement is a “must have,” then rather than spend a lot of time hacking up this theme, you might consider using another, or installing a slider plugin that covers the viewport and uses a color overlay in the way you want. * [daviesaina](https://wordpress.org/support/users/daviesaina/) * (@daviesaina) * [9 years, 10 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7204016) * Hi [@johnna](https://wordpress.org/support/users/johnna/) Armstrong, I’m having problems with targeting a particular page to add custom css code using page ID in Sydney themes. Am trying to add custom fullscreen header images on each page of [startuplions](http://www.lion-startup.com/new/StartupLions/) site.Currently am using pootle page builder to add a background image but it’s not rsponsive on firefox web browser. Any ideas please? Thanks * [Johnna Armstrong](https://wordpress.org/support/users/johnna-armstrong/) * (@johnna-armstrong) * [9 years, 10 months ago](https://wordpress.org/support/topic/ascent-theme/#post-7204017) * Hi, * You may have already solved your issue, but each page on your site has a unique class based on the page ID that you can use for custom CSS. * The Startups = .page-id-34, for example * Regarding the responsiveness issue in firefox, again, you may have already solved the issue. I’m not seeing a difference to the site on iOS (iPhone 5), in Safari and Firefox. Have you already tried installing the plugin on a clean install with no other plugins installed and no custom CSS? If you have and are still seeing the firefox issue, you’ll probably want to contact the plugin creators. If not, that will give you a place to turn the plugins/css on and off to suss out the issue. * Johnna Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/ascent-theme/page/2/?output_format=md) [→](https://wordpress.org/support/topic/ascent-theme/page/2/?output_format=md) The topic ‘ascent theme’ is closed to new replies. * 17 replies * 3 participants * Last reply from: [Johnna Armstrong](https://wordpress.org/support/users/johnna-armstrong/) * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/ascent-theme/page/2/#post-7204019) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics