Page 20 – Kadence Support Forums

Viewing 20 results - 381 through 400 (of 1,614 total)

← 1 2 3 … 19 20 21 … 79 80 81 →

Author

Search Results
In forum: Pinnacle Theme

In reply to: Sticky topbar covering my logo
Hannah

May 6, 2019 at 2:07 pm #224882

Hey Gert,
This css should work for you:
```
.page-id-343 #kad-banner #topbar {
    display: none;
}
```
Hannah
In forum: Ascend Theme

In reply to: Change screen-width transition to hamburger menu
Ben Ritner

May 6, 2019 at 5:41 am #224808

Hey,
So the current setup will show the mobile menu below 992px and it also targets tablet screens like 1024. At what point are you wanting that switch to take place?

Some example css if you want it to switch sooner
```
@media (max-width: 1100px) {
#kad-mobile-banner {
    display: block;
    height: auto;
}
.kt-header-position-above {
    display: none;
}
}
```
Ben
In forum: Ascend Theme

Topic: White space between logo and slider for mobile site

jooinpark

May 4, 2019 at 2:15 am #224702

Hello,

Whenever I turn on “sticky mobile menu”, I get this empty white space between my logo and slider.
Please let me know how I can remove the white space.
The div tag id for the space is “kad-mobile-banner-sticky-wrapper”

URL: *Login to see link

Thank you,

Jooin

In forum: Virtue Theme

Topic: Remove div id=”kad-mobile-banner-sticky-wrapper”

jooinpark

May 4, 2019 at 2:07 am #224701

Hello,

Whenever I turn on “sticky mobile menu”, I get this empty white space between my logo and slider.
Please let me know how I can remove the white space.
The div tag id for the space is “kad-mobile-banner-sticky-wrapper”

URL: *Login to see link

Thank you,

Jooin

In forum: Virtue Theme

In reply to: Secondary Logo Option
Kevin

May 2, 2019 at 9:10 am #224587

Try changing the CSS to this instead and let me know if it works for you:
```
.page-id-4768 #kad-banner #logo img{
    content: url(https://www.rebeccagallagher.com/wp-content/uploads/2019/05/RG-Audio-Logo.jpg);
    max-height: 150px;
}
```
-Kevin
In forum: Virtue Theme

In reply to: Secondary Logo Option
Hannah

May 1, 2019 at 5:29 pm #224555

Hey Dean,
I think this css will work for you:
```
.page-id-4768 #kad-banner #logo {
    content: url(https://www.rebeccagallagher.com/wp-content/uploads/2019/05/RG-Audio-Logo.jpg);
    max-height: 150px;
}
```
Just paste that into your custom css box in Theme Options > Advanced Settings.
To do this on multiple pages you will just need to duplicate the css and add the specific page id’s.

Hannah
In forum: Pinnacle Theme

In reply to: Sticky topbar covering my logo
Ben Ritner

May 1, 2019 at 1:13 pm #224531

Hey,
For the lightbox issue, you have this css:
```
div#topbar {
    position: fixed;
    width: 100%;
    z-index: 10000;
}
```
Change to this:
```
div#topbar {
    position: fixed;
    width: 100%;
    z-index: 1000;
}
```
In terms of preventing the overlap with the topbar you can add this:
```
#kad-banner {
    padding-top: 46px;
}
#kad-banner #topbar {
    top: 0;
}
```
Let me know if that helps!

Ben
In forum: Pinnacle Theme

In reply to: Same banner on all pages

Rocky

April 30, 2019 at 11:43 am #224443

you know how you have a banner on all of your pages at the top. My banner is always the same on all pages. It only shows up on the home page. The other pages there is only content.

In forum: Pinnacle Theme

Topic: Same banner on all pages

Rocky

April 29, 2019 at 3:41 pm #224366

I just have one banner but I want it on all the pages the same. The only thing I have found so far is changing code. but I have done it before I don’t remember changing any code. It seemed straight forward.

Thanks for the help.

Rocky

In forum: Pinnacle Theme

In reply to: Topbar icon menu background color on hover
Hannah

April 27, 2019 at 11:20 pm #224199

Hey,
Try adding this to your custom css box in Theme Options > Custom CSS:
```
#kad-banner #topbar .topbarsociallinks li a:hover {
    background: rgba(160,160,160,.1);
}
```
Hope that helps!

Hannah
In forum: Ascend Theme

Topic: CSS for Background (Page Header) Color Overlay using Opacity??

kelly5

April 23, 2019 at 10:16 pm #223833

Hi, I have managed to code an opacity on my page header images… my next thought was to make the background color something like #000000, thinking the transparency of the image would show the black a little, muddying my banner images on the fly and therefore my white Title text would work top of on any photo (no matter its values) in the headers without my having to photoshop each header photo. Do you think this is possible? I’m researching that I should do something with position, z-index, and background color rgb (0, 0, 0, 0.7) or something along those lines. I keep trying different attempts in the custom CSS with no success.

You can see on this demo blog post page that my header image looks a little washed out – that is at an opacity of 0.75. So assuming the background is white. I wanted the hidden background behind that image to be black instead. Hope this makes sense!

In forum: Virtue Theme

In reply to: Unique Header Per Page or Category?
Ben Ritner

April 19, 2019 at 4:50 pm #223518

ok, Here is the css,
```
.page-id-44392 #thelogo:after {
    content: url('https://dbg-dev.mystagingwebsite.com/wp-content/uploads/2019/04/dbg-baby-double-logo-banner-01-1.png');
    display: block;
}
.page-id-44392 #thelogo img {
    display:none;
}
```
It’s worth noting that this is generally a really bad idea for your users. And not something that any of our themes would have options for. Logos help the user provide a grounding for how to interpret the rest of your site. If you remove it or change it only for one page that creates unnecessary confusion.

I hope that helps!

Ben
In forum: Virtue Theme

In reply to: Kadence header with no main menu
Hannah

April 19, 2019 at 1:14 pm #223467

Try adding this to your custom css box in Theme Options > Advanced Settings:
```
@media (min-width: 768px) {
div#kad-banner-sticky-wrapper, header#kad-banner {
    min-height: 110px;
}
}
@media (max-width: 768px) {
.container.mobile-header-container {
    margin-top: 60px;
}
}
```
Let me know how it works for you!

Hannah
In forum: Virtue Theme

In reply to: Unique Header Per Page or Category?

Kassondra

April 19, 2019 at 9:02 am #223445

This reply has been marked as private.

In forum: Ascend Theme

In reply to: Portfolio Type links are broken

Elaine

April 14, 2019 at 8:07 am #222975

This reply has been marked as private.

In forum: Pinnacle Theme

In reply to: Image Menu Item adjustments
Hannah

April 12, 2019 at 8:58 am #222859

Hey,
1. You can adjust this from Settings > Page Builder > Row/Widget Bottom Margin.

2. You can add this to your custom css box in Theme Options > Custom CSS:
```
.infobanner .home-message {
    background: rgba(43, 201, 255, 0.3);
}
```
Hope that’s helpful!

Hannah
In forum: Virtue Theme

Topic: Setting page specific css

Joseph

April 10, 2019 at 9:07 am #222660

I need some understanding, please. I am trying to understand the php and css files and filenames so that I can make css changes without so many questions. I would like to change the size of the title on some of my pages. I found the following posted to the support forum to change the title on the single-portfolio page

.single-portfolio h1.entry-title {
color: #444;
font-size: 30px;
}
.page h1.entry-title { this works for all pages
color: #444;
font-size: 30px;
}

Is the single-portfolio the page or the template? I found the content-singleportfolio.php file which appears to outline the classes.

please see //jpriceanalytics.com/services-dnp/ this page uses site origin page builder and the the feature template
I have inserted the code below in the advanced css and see the lines delineating the banner, header , and title. what is contained in the space between the lines? It appears to me that .page-header contains more than the h1.entry?

How do I determine what the services-dnp page consists of?

header#kad-banner {
border-bottom: 1px solid #e6dfdf;
padding-top:0px
padding-bottom:0px
}
.page-header {
border-top: 1px solid #e6dfdf;
border-bottom: 1px solid #e6dfdf;
}
.page h1.entry-title {
color: #444;
font-size: 30px;
border-top: 1px solid #e6dfdf;
border-bottom: 1px solid #e6dfdf;
height: 1px;
margin-bottom: 1.625em;
margin-top: 1.625em;
padding-top: 5px
padding-bottom: 5px
background-color: #2d5c88;
}

In forum: Pinnacle Theme

In reply to: Advice about adding a logo to a Kadence slider photo
Kevin

April 9, 2019 at 12:06 pm #222571

One option that may work for you would be to re-add the page header by removing this CSS:
```
/*  Disable the sticky header on the HOME page */
.home header#kad-banner {
    display: none;
}
```
Add this CSS to remove the menu:
```
.home .kad-header-right {
    display: none;
}
```
This CSS to make the sticky header transparent;
```
.home #kad-banner {
    background: transparent;
}
```
And then add a logo for your transparent header in Theme Options> Site Header “Logo (For Transparent Header).”

Does that work for you?

-Kevin
In forum: Virtue Theme

In reply to: How do I control the home/main menu height?
Kevin

April 8, 2019 at 12:51 pm #222464

The header is actually displaying the same size on all pages. It just looks different when it’s above the white background. Try adding this CSS to Theme options> Advanced Settings, and let me know if it helps:
```
header#kad-banner {
    border-bottom: 1px solid #e6dfdf;
}
.page-header {
    border: none;
}
```
-Kevin
In forum: Virtue Theme

In reply to: Mobile menu showing on webpage – or no mobile menu at all

Hannah

April 8, 2019 at 7:10 am #222369

Hi Bente,
Would it work for you to add your featured image as the sitewide banner from Theme Options > Advanced Settings?

Hannah
Author

Search Results