Search Results for 'widget area'

[Debra]

Debra

#117521

what is the home widget area for ? is it askimet etc.
where can i get the most help for setting up and getting the most out of the widgets on my page
and more information on how photos for mosaic are put together using what widget ? breadcrumbs?

Thanks , i need to know the best place and I have looked for these answers maybe i am overlooking or not understanding these

[Debra]

Debra

#117521

what is the home widget area for ? is it askimet etc.
where can i get the most help for setting up and getting the most out of the widgets on my page
and more information on how photos for mosaic are put together using what widget ? breadcrumbs?

Thanks , i need to know the best place and I have looked for these answers maybe i am overlooking or not understanding these

[Martin]

Martin

#117460

Hi All,

I am really struggling with this one, I am using virtue premium and I am trying to get a desktop and mobile layout for the header area to work for a particular client.

I have a demo site on asbreport.co.uk. and on the desktop this renders perfectly, however on the iPad landscape the menu drops one item down (contact us) and in addition on the top bar I seem to get BOTH the top bar menu and also the three line menu icon dropped down one line.

I currently have the following css on the site.

#topbar .kad-topbar-right {
width: 50%;
float: left;
}
#topbar .kad-topbar-left, #topbar .kad-topbar-left .topbarmenu {
float: right;
/* width: 50%; */
}

div.textwidget {
padding-top: 5px;
}

@media (min-width: 992px) {
.col-md-12.kad-header-right {
width: 50%;
float: right;
margin-top: -75px;
margin-right: -20px;
padding-right: 0;
}
.kad-header-widget h2 {
padding-top: 20px;
text-align: right !important;
}
}

blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: “201C””201D””2018″”2019″;
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}

.page-header {
display: none;
}

@media all {
h4, h5, h6 {
margin-top: 18px;
margin-bottom: 10px;
}
}

@media all {
[class*=”wp-image”] {
display: inline;
}
}

I can provide a login if required.

Can you help me to get to a point where the iPad view is the same as the desktop view?

[Martin]

Martin

#117460

Hi All,

I am really struggling with this one, I am using virtue premium and I am trying to get a desktop and mobile layout for the header area to work for a particular client.

I have a demo site on asbreport.co.uk. and on the desktop this renders perfectly, however on the iPad landscape the menu drops one item down (contact us) and in addition on the top bar I seem to get BOTH the top bar menu and also the three line menu icon dropped down one line.

I currently have the following css on the site.

#topbar .kad-topbar-right {
width: 50%;
float: left;
}
#topbar .kad-topbar-left, #topbar .kad-topbar-left .topbarmenu {
float: right;
/* width: 50%; */
}

div.textwidget {
padding-top: 5px;
}

@media (min-width: 992px) {
.col-md-12.kad-header-right {
width: 50%;
float: right;
margin-top: -75px;
margin-right: -20px;
padding-right: 0;
}
.kad-header-widget h2 {
padding-top: 20px;
text-align: right !important;
}
}

blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: “201C””201D””2018″”2019″;
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}

.page-header {
display: none;
}

@media all {
h4, h5, h6 {
margin-top: 18px;
margin-bottom: 10px;
}
}

@media all {
[class*=”wp-image”] {
display: inline;
}
}

I can provide a login if required.

Can you help me to get to a point where the iPad view is the same as the desktop view?

[Kevin]

Kevin

#117407

When the images are placed into your topbar, try adding this CSS to stretch the widget area across the screen:

.kad-topbar-right {
    width: 100%;
}

Let me know if that works for you!

[Hannah]

Hannah

#117162

2. So I would actually recommend doing this with css. Give your menu item a title, then use this css to hide the title:

.sf-menu .menu-item-3188 span {
    display: none;
}

3. This can be done using the Simple Mobile Header (Theme Options > Mobile Header). But then it would remove your header widget area.

4. Using the mobile header would remove it. It would also move your menu up like you’re wanting for #3.

5. You’re wanting the caption background larger? Do you want it to cover the image?

7. If you’re using the shortcode you don’t need the page template, and visa versa. The shortcode worked for me when adding “masonry=false”. Can you link to your blog page?

Hannah

[Hannah]

Hannah

#117155

In Theme Options > Home Layout you should see “Choose a Sidebar for your Home Page” and a dropdown of your sidebars beside it. In all of your pages you should see an option to assign a specific sidebar. You can create additional sidebars from Theme Options > Misc Settings. The Home Widget Area is for the homepage and can be enabled from the Homepage Layout Manager in Theme Options > Home Layout.
Unless your homepage is set as a static page then there isn’t an option to preview it, sorry.

Hannah

[Peter]

Peter

#117145

So I can. Thanks.

Doesn’t look as though I can preview the page. can I?
Where do I find a definition of the sidebars it offers me: Primary Sidebar, sidebar1, Home Widget Area ?

Thanks
Walter

[Hannah]

Hannah

#117087

Hi Pipa,
2. Looks like you got this working?

3. Again, I’m already seeing this in place on your site. If you’re not seeing it try clearing your cache.

4. Try using this css:

@media (max-width: 768px) {
.widget-1.widget-first.header-widget-area-header.widget_sow-image {
    display: none;
}
.col-md-8.kad-header-widget {
    margin-top: -75px;
}
}

5. You can change the background and opacity with this css:

.cycloneslider-template-standard .cycloneslider-caption {
background: rgba(13, 13, 13, 0.4);
}

6. Use this instead:

#kad-menu-search-popup.in, #kad-menu-search-popup {
    left: 50px;
    bottom: 10px;
}

7. Try adding this to your shortcode: masonry=false

Hope that helps!
Hannah

[Kevin]

Kevin

#117038

Hello Pipa,

1. This should remove that line in mobile:

@media (max-width: 992px) {
.kad-header-right {
    display: none;
    }
}

2. Just to clarify, you’re wanting only the icon to display in the menu on desktop? This is something that will be accomplished using CSS. You’ll want to create a menu with a title, and I’ll write the CSS to hide it in desktop when you get it configured.

3. A) there is no built in way to position the menu below the topbar.
B) This should stretch the menu full width:

@media (max-width: 992px) {
.headerclass > .container {
    padding: 0;
    }
}

4. It looks like you’ve got some empty elements in your header widget area. Delete any unwanted widgets and let me know if that helps.

5. Not sure if there is a CSS solution for this, as I haven’t found one, but you could always create a different slider for mobile. Using the Kadence Slider Pro will allow you far more customization options than the cyclone.

6 A) This will add border to the search box:

.kt-search-container {
    border: 3px solid red;
}

B) This CSS will target the text within the box:

#kad-menu-search-popup .form-search .search-query {
    font-size: 30px;
    font-family: cursive;
}

Let me know if this works for you!

-Kevin

[Hannah]

Hannah

#116995

Hey David,
You can do this by enabling the topbar widget area (theme options > topbar settings). Then you can add images through appearance > widgets.
To only have them on select pages you would need to use css and page id’s.
Hope that helps!

Hannah

[Sommer]

Sommer

#116879

Hi,

I want to use the Pinnacle: Split Content widget in the page builder. Is there a way to make it so that the picture takes up only about 25% of the area, where the content takes up 75% instead of it being equal?

Here’s where I’m putting it: *Login to see link

Thank you!

[Sommer]

Sommer

#116879

Hi,

I want to use the Pinnacle: Split Content widget in the page builder. Is there a way to make it so that the picture takes up only about 25% of the area, where the content takes up 75% instead of it being equal?

Here’s where I’m putting it: *Login to see link

Thank you!

[Ben Ritner]

Ben Ritner

#116731

1. You can add this css to make the logo area larger so there is more space for your image to be larger:
(Css can be added in your theme options > advanced settings).

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

2a. You can use this css:

.header-widget-area-header {
    text-align: right;
}

2b. That would require that you find a plugin with a widget that works like that. I simply suggest you use the primary menu and add your cart there.

3. I suggest you use the secondary menu. You can assign a background for it in your theme options > advanced styling.

4. Theme options > typography settings make your h3 font size smaller.

Ben

[Ben Ritner]

Ben Ritner

#116623

Yoast Score doesn’t mean anything. It’s only an attempt to be helpful to you while your writing and it doesn’t include anything outside of the main page content and in this can you can just ignore. It doesn’t have any effect on your actual SEO ranking from a search engine.

If this is truly bothering you can you contact yaost and see if there is a way to include a widget area for a specific page but I’m pretty sure this is not possible it’s it’s not the purpose of there little built in assessment.
Ben

[Jonathan Zvonko]

Jonathan Zvonko

#116593

Hello!

It seems like Yoast SEO doesn’t recognize the home page widget area.

Bad SEO score The text contains 44 words. This is far below the recommended minimum of 300 words. Add more content that is relevant for the topic.
Bad SEO score The focus keyword doesn’t appear in the first paragraph of the copy. Make sure the topic is clear immediately.
Bad SEO score No images appear in this page, consider adding some as appropriate.

*Login to see link

For creating the home page, I went to dashboard-appearance-widgets-home widget area-page builder and inside that, I used Visual editor for text and image menu for images and a slideshow. The only way Yoast counted my word length (44) is by inserting visual editor with text on the home page from dashboard-all pages-home page. But this text will NOT appear on my home page.

*Login to see link

I do not have the same problem with other pages since I create structure and content directly from the pages themselves, but I am wondering if I am lowering my visibility on google as far as the home pages (english and french).

Is there a way to add text to the home page outside of ‘home page widget area’ that is ‘visible’ and that Yoast SEO and google search engines will pick up?

[Jonathan Zvonko]

Jonathan Zvonko

#116593

Hello!

It seems like Yoast SEO doesn’t recognize the home page widget area.

Bad SEO score The text contains 44 words. This is far below the recommended minimum of 300 words. Add more content that is relevant for the topic.
Bad SEO score The focus keyword doesn’t appear in the first paragraph of the copy. Make sure the topic is clear immediately.
Bad SEO score No images appear in this page, consider adding some as appropriate.

*Login to see link

For creating the home page, I went to dashboard-appearance-widgets-home widget area-page builder and inside that, I used Visual editor for text and image menu for images and a slideshow. The only way Yoast counted my word length (44) is by inserting visual editor with text on the home page from dashboard-all pages-home page. But this text will NOT appear on my home page.

*Login to see link

I do not have the same problem with other pages since I create structure and content directly from the pages themselves, but I am wondering if I am lowering my visibility on google as far as the home pages (english and french).

Is there a way to add text to the home page outside of ‘home page widget area’ that is ‘visible’ and that Yoast SEO and google search engines will pick up?

[Kyle]

Kyle

#116549

There is no row class on mine, only widget class. And when I go to the side under Design and Background color and change it it doesn’t change the entire area of it, only the section that includes the text. So there’s still red that goes around the edges

[Ben Ritner]

Ben Ritner

#116547

I see that you have added this into your theme options > custom css box:

.col-md-4.clearfix.kad-header-left {
    display: none;
}

That of course removes the logo from 1 and 4 header styles. Ok so I updated your site, added the primary with fullwidth background and turned on sticky. Your widget area is currently empty.

You should really update wordpress to the latest version.

Ben

[Ben Ritner]

Ben Ritner

#116459

Hey,
1. I’m not seeing that you have it set to use the widget area? Can you post a login so I can see? This has nothing to do with logo size.

2. It’s not a build in option. If your interested in adding some javascript and creating something like that it would be possible.

3. There is not. You can of course give the primary menu a background color.

Ben

[Kevin]

Kevin

#116369

Hey,

The theme isn’t really designed to have a home widget area in mobile and a different type of header as desktop. You can configure a simple mobile header, though.

If you go into Theme Options> Mobile Header, you can configure a different header for mobile than desktop. You can’t assign a mobile home widget area, but maybe you’ll find that the options available are enough for your needs.

Try configuring a header there and let me know if it works out for you.

-Kevin

[Kristian Sivertsen]

Kristian Sivertsen

#116355

Hi

In my webshop *Login to see link I would like som differences between the desktop and mobile layout on the front page.

The desktop version is fine as is.
But on mobile and tablet I would like to ad a “home widget area” with dedicated buttons for easy navigaton to the shop categories on mobile.
I would also like to disable the “image menu” on mobile.

Is the a way to work this out?

If not in virtue – maybe in the Pinnacle theme?

Thank you!

[Kristian Sivertsen]

Kristian Sivertsen

#116355

Hi

In my webshop *Login to see link I would like som differences between the desktop and mobile layout on the front page.

The desktop version is fine as is.
But on mobile and tablet I would like to ad a “home widget area” with dedicated buttons for easy navigaton to the shop categories on mobile.
I would also like to disable the “image menu” on mobile.

Is the a way to work this out?

If not in virtue – maybe in the Pinnacle theme?

Thank you!

[Kevin]

Kevin

#116193

Hey Silvia,

Sidebars are configured in Appearance> widgets. You can create new sidebars in Theme Options> Misc Settings, but actually assigning things to them takes place in your widget area.

-Kevin

[Daniel]

Daniel

#115778

Hi,

I could do with some help with some CSS. I’m using the header widget area and have inserted three Site Origin Features buttons – at the moment they are spaced out so that there are two on one line and then one underneath. I would like to have the three buttons aligned to the right, on one line and quite close together. Could you let me know what I need to do to sort this out?

Link to site… http://www.humanfactorsconsultants.co.uk

Many thanks in advance.

[Daniel]

Daniel

#115778

Hi,

I could do with some help with some CSS. I’m using the header widget area and have inserted three Site Origin Features buttons – at the moment they are spaced out so that there are two on one line and then one underneath. I would like to have the three buttons aligned to the right, on one line and quite close together. Could you let me know what I need to do to sort this out?

Link to site… http://www.humanfactorsconsultants.co.uk

Many thanks in advance.