Search Results for 'widget area'

[Kevin]

Kevin

#121580

Hey Leila,

If you could set it back to fullwidth stretched, that would be helpful. I’m trying to write the CSS to get the image to stretch, but it may be easier just to shrink the widget area.

Let me know when you’ve made the change.

Thanks,
Kevin

[Hannah]

Hannah

#121341

You will need to add your search through the topbar widget area (appearance > widgets).
To make your logo fit the topbar I would recommend just scaling it down before uploading it.
This css should hide your logo until scrolled:

.topclass .kad_img_upload_widget {
    display: none;
}
.boxed.stickyheader .is-sticky #kad-banner .topclass .kad_img_upload_widget {
    display: block !important;
}

Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#121340

Hey,
For a link you can use private reply like you did and Kadence themes staff would be the only ones that could see it. By the way Bogdan couldn’t see your response.

Make sure you have enabled the topbar widget area and placed both the search widget and your social widget into the top. I can help with the css to align everything once you post a link.

Ben

[Hannah]

Hannah

#121291

In Theme Options > Topbar Settings you need to Enable widget area in right of Topbar then turn on the Topbar Layout Switch. Sorry I didn’t explain that before.

Hannah

[Sharon]

Sharon

#121265

Thanks Hannah. Code worked. However, still can’t seem to add a logo inside topbar left of menu. Topbar is enabled. But when I go to Appearance>Widgets>virtue image it only gives me option for home area or footer, not topbar. Ideas?

Here are the codes listed in Advanced Settings. Any conflicting ones related to adding logo to left of menu inside topbar? I want logo inside topbar to be seen while scrolling all pages but disappear from homepage when scrolling back up. Related codes below are ones given to me for another website I worked on.

.so-widget-sow-image-default-4333b04dd157 .sow-image-container {
border-top: 1px solid green;
}
#topbar {
height: 5px;
position:relative;
}
#topbar:before {
height: 4px;
content: ”;
background: green;
width: 100%;
position: absolute;
left: 0;
}
#topbar:after {
height: 5px;
content: ”;
background: green;
width: 100%;
position: absolute;
left: 0;
}

.footercredits {
padding: 1px 0 0;
}

.footerbase {
background:#303030;
}
#containerfooter {
background: black;
padding-top: 20px;
border-top: 4px solid green;
}
.footercredits p {
margin-bottom: 0;
}

#pg-4-0 .panel-grid-cell#pgc-4-0-0 {
padding: 0;
}

.home #logo {
display: none;
}

.home .is-sticky #logo {
display: block;
}

.kad-header-left {
padding-left: 0;
}

.wrap.clearfix.contentclass.hfeed {
margin-top: -35px;
}

[Ben Ritner]

Ben Ritner

#121151

Looking at the css you just posted you have this:

@media (min-width: 992px) {
.header-widget-area-header {
margin-top: 15px;
}

.topbarmenu ul li a {
color: #0c86b2;
}

}

And you still have the media query closing after defining the color for the topbar. I’m not sure what you change but this is where hannah was suggesting that you need to fix. That section should be this:

@media (min-width: 992px) {
.header-widget-area-header {
margin-top: 15px;
}
}
.topbarmenu ul li a {
color: #0c86b2;
}

Ben

[Sybella]

Sybella

#121138

This reply has been marked as private.

[Hannah]

Hannah

#121057

Hey Sharon,
Try adding this to your custom css box in Theme Options > Advanced Settings:

.wrap.clearfix.contentclass.hfeed {
    margin-top: -50px;
}

You can add a logo by enabling the topbar widget area from Theme Options > Topbar Settings then you can add a virtue image widget from Appearance > Widgets.

Hannah

[Sybella]

Sybella

#120850

Hi Ben and Team! I am having an issue with my mobile header font color. Right now on my main page (non mobile) it is great, I uploaded background image and put color #3b9bbf over it so you can see the icons however on the mobile it is staying white or transparent for some reason.

This is what is in my custom css box under advanced settings – are any of these wrong? I cannot tell or recall if mobile is even included in the code here or if it’s somewhere else? Thanks for your help! Sybella

.footernav ul li a, .footercredits p {
font-size: 16px;

}
.topbarmenu ul li a {
font-size: 18px;
}
.wrap.contentclass {
padding-top: 5;
}
.page-header {
display: none;
}
.home div#content {
margin-top: -30px;
}

@media (min-width: 992px) {
.header-widget-area-header {
margin-top: 15px;
}

.topbarmenu ul li a {
color: #0c86b2;
}

}

@media (min-width: 992px){
.kad-header-left {width:50%}
.kad-header-widget {width:50%}
}

@media (min-width: 992px) {
.footercol2, .footercol3, .footercol4 {
width: 20%;
}

.footercol1 {
width: 40%;
}
}
.footerclass .virtue_image_widget_caption {
font-size: 16px;
}

[Sybella]

Sybella

#120850

Hi Ben and Team! I am having an issue with my mobile header font color. Right now on my main page (non mobile) it is great, I uploaded background image and put color #3b9bbf over it so you can see the icons however on the mobile it is staying white or transparent for some reason.

This is what is in my custom css box under advanced settings – are any of these wrong? I cannot tell or recall if mobile is even included in the code here or if it’s somewhere else? Thanks for your help! Sybella

.footernav ul li a, .footercredits p {
font-size: 16px;

}
.topbarmenu ul li a {
font-size: 18px;
}
.wrap.contentclass {
padding-top: 5;
}
.page-header {
display: none;
}
.home div#content {
margin-top: -30px;
}

@media (min-width: 992px) {
.header-widget-area-header {
margin-top: 15px;
}

.topbarmenu ul li a {
color: #0c86b2;
}

}

@media (min-width: 992px){
.kad-header-left {width:50%}
.kad-header-widget {width:50%}
}

@media (min-width: 992px) {
.footercol2, .footercol3, .footercol4 {
width: 20%;
}

.footercol1 {
width: 40%;
}
}
.footerclass .virtue_image_widget_caption {
font-size: 16px;
}

[Hannah]

Hannah

#120752

Hi Tomas,
You would either need to use a shortcode like this: [blog_grid orderby=date items=8 columns=4] (you can paste that into a text widget within your home widget area). Or you can set your homepage as a latest posts page from Settings > Reading and in Theme Options > Home Layout choose the grid format under page content options.
Hope that helps!

Hannah

[Hannah]

Hannah

#120629

Hi Helen,
You can add this to your header using the header widget area. You can enable the header widget area from Theme Options > Main Settings then add your newsticker from Appearance > Widgets. Or if you want the sticker below the header and above the slider then I suggest turning off your home slider (theme options > home slider) and adding both the newsticker and the slider shortcode either into your page content area if your homepage is a static page, or into your home widget area (enabled in theme options > home layout and then edited in appearance > widgets).
Hope that’s helpful!

Hannah

[Hannah]

Hannah

#120528

Sure, just paste the shortcode into a text widget within your home widget area (appearance > widgets) and enable the home widget area from theme options > home layout.

Hannah

[Ben Ritner]

Ben Ritner

#120440

ok, I think I have a solution for you. it’s a bit of a trick but should work.

You need this plugin: https://wordpress.org/plugins/ajaxify-wordpress-site/

Then you need to run a child theme to create a widget area just above the #wrapper tag.

Thats where you can put the player then absolute position it in the topbar so it loads in the same place it currently is.

I’d be happy to do this for you if you want to send me a temp login to your site.

Ben

[Kevin]

Kevin

#120404

Hey David,

Let me walk you through the steps of creating that item.

Firstly, go into your home page edit screen, and go to the page builder tab.

Create a new page builder row, and go into the row settings. (small wrench icon)

Find the LAYOUT tab, and set the row to FULLWIDTH Stretched. You will also need to add some padding top and bottom in the same area. Then, go into the row design tab and set the background image. Be sure to select Parallax on the image.

Then, assign a call to action widget to that row, and fill in the text.

This should display like the image on the demo site when you view it on your site.

Let me know if you run into any trouble.

-Kevin

[Iqbal]

Iqbal

#120348

In the home layout, I’ve added ‘Recent from the blog’ and ‘Home Widget area and there are some widgets inside it’. Things were working fine until yesterday when I saw my website and just nothing was showing up. I mean you can see the site title page and footer, but nothing in between is visible. No widgets, no recent posts and just nothing.
Also, it’s not just the case on homepage but even on the blog page of different categories, the blog posts aren’t visible.

Kindly, check for the issue….

[Iqbal]

Iqbal

#120348

In the home layout, I’ve added ‘Recent from the blog’ and ‘Home Widget area and there are some widgets inside it’. Things were working fine until yesterday when I saw my website and just nothing was showing up. I mean you can see the site title page and footer, but nothing in between is visible. No widgets, no recent posts and just nothing.
Also, it’s not just the case on homepage but even on the blog page of different categories, the blog posts aren’t visible.

Kindly, check for the issue….

[Kevin]

Kevin

#120321

Hey Carrie,

One possible option for you would be to go into the page edit screen and use a 3 column Page Builder row. Add a Virtue Icon Flip Box to each column of that row.

You can add the image to act as your icon, and when you hover over the image, it can flip to reveal text that you’ve placed into the widget.

In Theme Options> Home Layout, PAge content will determine where these icons show up. You could also use the Home Widget area to accomplish the same thing. The difference there will be that you configure the widget in Appearance> Widgets.

Does this work for you?

-Kevin

[Kevin]

Kevin

#120051

Yeah, you can place it into a Fullwidth Stretched page builder row and it will allow you to set the video to be full width of the browser.

Just add a page builder row, go into the Edit Row area (small wrench icon) and find the Layout tab. Within there, find Layout> Row Layout, and set to full width stretched.

Then, add a visual editor widget to the tab, and then click the shortcode dropdown. Select a Youtube shortcode, and place your youtube url into the widget.

Your video will stretch across the screen as wide as the browser window.

Let me know if this makes sense.

-Kevin

[Kevin]

Kevin

#120025

In order to do this, firstly you need to go into Theme Options> Home Layout, and enable the Home widget Area just above the carousel.

Then, go into appearance> widgets, and assign the visual editor widget to the home widget area.

Configure the widget as needed, with an H1 element centered to act as the title for your carousel.

Let me know if that makes sense!

-Kevin

[Hannah]

Hannah

#119993

Hi Josefina,
One option would be to add a visual editor widget just above your carousel (using the home widget area) and add a h1 title. Then leave the actual carousel title blank. Does that work for you?

Hannah

[Hannah]

Hannah

#119749

You can use a shortcode like this:
[portfolio_posts orderby=date excerpt=false columns=4 items=50 height=200 lightbox=true showtypes=true cat=photos]
You would just paste that into either your page content area or a text widget within your home widget area.

Hannah