Search Results for 'widget area'

[Hannah]

Hannah

#136812

Version 4.7.3 has not been released? Virtue Premium is running on version 4.0.4. https://www.kadencewp.com/my-account/

What is your topbar background color set to in Theme Options > Advanced Styling?

2. So there isn’t an option to move your primary menu above the logo, but you can use the topbar navigation. Then use the following css to hide the topbar widget area as well as the menus below the logo:

@media (max-width: 768px) {
.topbar-widget {
    display: none;
}
nav#nav-main, #nav-second {
    display: none;
}
}

Does that work for you?

Hannah

[Kevin]

Kevin

#136758

Hey MArk,

I was able to get a look like this by adding the image to the description like this:
<img class="alignnone wp-image-888 size-large" src="http://localhost:8888/VirtueDocumentation/wp-content/uploads/2016/06/rocky-min-1024x768.jpeg" alt="" width="1024" height="768" data-id="888" />

I retrieved this image html by going to a visual editor, and clicking the “Add Media” button, then selected the image that I’d like to use. I then clicked on the image within the visual editor and selected the “Large” option, as well as set whether or not I’d like the caption to appear. Then I switched to the “Text” editor to retrieve the html.

Copy and paste the image html to the description area of your split content widget, and save. The image will take the place of your text. You may need to adjust the heights of the split content image and the html image to get it just right, but that shouldn’t be too difficult.

Let me know if you’re able to get it.

-Kevin

[Todd]

Todd

#136744

THANK YOU SO MUCH – most of this CSS helped – but now on smartphone sizes the menu goes white. DO I have conflicting CSS?

This is all the CSS I have in Advanced Settings:

.headerclass {
background: rgba(21, 17, 10, 0.8) !important;
position:absolute;
width: 100%
}
a:hover {
text-decoration: underline;
}
#calltoaction a:link {
text-decoration: underline;
}
.virtue_image_widget_caption {
font-size: 16px;
margin-top: 5px;
color: #004677;
}
#kad-banner-sticky-wrapper {
height:0 !important;
}

@media (max-width: 991px) {
#mobile-nav-trigger {
display: inline-block;
width: 100%;
}
}
.contentclass {
background: #fff;
padding-bottom: 30px;
padding-top: 0px;
}
.lg-kad-btn {
padding: 0px 22px;
font-size: 16px;
}
.sm-kad-btn {
padding: 8px 16px;
font-size: 12px;
margin-top: 6px;
}

@media (max-width: 750px) {
.panel-row-style-highlandintrorow{
padding: 10px !important;
}
}

@media (max-width: 750px) {
.panel-row-style-videorow{
padding: 10px !important;
}
}
hr {
margin-top: 20px;
margin-bottom: 0px;
border: 0;
border-top: 1px dotted #999;
}
{
.img .panel-row-style-videorow {
max-width: 220px !important;
}
}
.textwidget .contact-form input[type=text], .textwidget .contact-form input[type=email], .textwidget .contact-form textarea {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.page-header {
padding-top: 110px;
}

@media (max-width: 750px) {
.page-header {
padding: 10px !important;
}
}

@media (max-width: 992px) {
.contentclass {
padding-top: 0 !important;
}
}
h1, h2, h3 {
color: #004677;
}

[Hannah]

Hannah

#136667

3 and 1. What version of the theme are you using? I cannot get these errors to occur on my site.

2. The css I gave previously would have stripped your widget area and left you with just a menu. Is that not what you mean?

Hannah

[Hannah]

Hannah

#136607

That css would only hide your topbar widget area on mobile. If you want the entire topbar hidden on mobile you can set “Turn off Topbar on mobile screens” to On in Theme Options > Topbar Settings.

Hannah

[Hannah]

Hannah

#136532

Hey James,
Unfortunately there isn’t a built in option to make the sidebar sit above the content in mobile. A workaround would be to add these widgets to the content area of your page and use css to hide it when on desktop. Then you could also use css to hide the sidebar on mobile. Would that work for you?

Hannah

[Hannah]

Hannah

#136505

Hi Greg,

1. What is your primary color set to in Theme Options > Basic Styling?

2. This css would hide your topbar widget area on smaller screens:

@media (max-width: 768px) {
.topbar-widget {
    display: none;
}
}

3. Have you tested on an actual mobile device, rather than just scaling your screen down?

Hannah

[Hannah]

Hannah

#136504

This css should affect just your header widget area:

.kad-header-widget a {
    color: #fff !important;
}

Does that work for you?

Hannah

[Ben Ritner]

Ben Ritner

#136295

You had multiple links in your text that were broken:

<a href="http://ecocolour.naturalfabricdyeing.com/0-1-overview-of-module-1/>

when it should have been:

<a href="http://ecocolour.naturalfabricdyeing.com/0-1-overview-of-module-1"/>

I updated That for you.

Theme options > footer. Choose the widget layout that has a fullwidth area. Then add your image into that widget area.

Ben

[Robert]

Robert

#136231

It doesn’t appear that the text you set in this widget resizes automatically to the size of screen you are using. I don’t have any control on the size of the text. I downloaded the demo content for the “store.” It uses page builder and I added two more cells, for a total of five. The one to look at is in the fourth cell. The word ACCESSORIES won’t resize to fit into my screen on my MAC laptop or my iPad. It looks fine on my desktop, a wide screen, and my LG phone. Also on the iPAD, the cell labeled PITCHING MACHINES fails to resize.

This brings up another question about the white border on these cells. I have no control over the color or size or whether I even want it. This white border just shows up, if I have a very light image in that cell, it bleeds into the white border and doesn’t look very good.

Any way to control the resizing of the text in these cells and/or the white border? Thanks. /Bob

http://www.cagesplus.com/dev

[Robert]

Robert

#136231

It doesn’t appear that the text you set in this widget resizes automatically to the size of screen you are using. I don’t have any control on the size of the text. I downloaded the demo content for the “store.” It uses page builder and I added two more cells, for a total of five. The one to look at is in the fourth cell. The word ACCESSORIES won’t resize to fit into my screen on my MAC laptop or my iPad. It looks fine on my desktop, a wide screen, and my LG phone. Also on the iPAD, the cell labeled PITCHING MACHINES fails to resize.

This brings up another question about the white border on these cells. I have no control over the color or size or whether I even want it. This white border just shows up, if I have a very light image in that cell, it bleeds into the white border and doesn’t look very good.

Any way to control the resizing of the text in these cells and/or the white border? Thanks. /Bob

http://www.cagesplus.com/dev

[Ben Ritner]

Ben Ritner

#136156

Widget tools don’t have a built in option for the title color in any widget.

One thing you could do is add a visual editor widget above your gallery with an added title and color in the widget area. Or use custom css.
Ben

[Hannah]

Hannah

#133274

1. If you’re wanting to keep the logo width 70% then you would need to make your menu very small in order for it to stay on one line. I’m just confused what kind of layout you’re going for. Sorry for not understanding. Could you please clarify a bit more? Are you wanting to make your menu font size smaller?

2. You can enable the header widget layout (theme options > main settings) and then add a widget to the header widget area from Appearance > Widgets. This, however, would take quite a bit of css to get it looking the way you want as it would default above the menu.

Hannah

[Kevin]

Kevin

#133170

Be sure that in Theme Options> Home Layout, you’ve enabled the Home Widget Area under “Home Layout Manager.”

Is this enabled?

-Kevin

[MARCELO]

MARCELO

#133160

Hello Hannah.

Thank you.

I use the code in the Widget Home area, but It doesn’t work:
http://www.escolhafina.com.br/

[Kevin]

Kevin

#133127

Hey Daniel,

I think the best way for you to achieve this will be to use shortcodes in the page content area of your home page. You can add a shortcode for each category of posts. It will look something like this:
[blog_posts orderby=date items=4 type="normal" cat=photos]

You can add that shortcode to a visual editor widget on your home page, and if you like you can also add a title for each separate shortcode in that wigdet. All you’ll have to do is change the “cat=photos” to “cat=YOUR CATEGORY.”

If you want to read more about the options available with shortcodes in Pinnacle, I highly recommend reading through this page.
http://docs.kadencethemes.com/pinnacle-premium/shortcodes/

-Kevin

[Frank]

Frank

#133102

It gave me 3 green boxes for the widget areas, all still with the gray footer color surrounding them. 🙁
Looking to have the whole widget area and widget backgrounds to be the gray, while the footer credits and nav area are green

[Hannah]

Hannah

#132978

Hey Marcelo,
You can use a shortcode like this: [recent_products per_page="12" columns="4"]
Just paste that into a text widget within your home widget area. Or if your homepage is a static page you can paste it into your home content area.
Another option is to set your front page as the shop page (settings > reading).
Hope that helps!

Hannah

[Pamela]

Pamela

#132862

… one more thing that need a solution:

/* HEADER WIDGET AREA*/
.header-widget-area-header {
text-align: right;
}

This only moves the Search text to right, but the search field box is still on left side. What is the css for the search box?

Thank you in advance!

regards,

Pamela

[Kevin]

Kevin

#132708

I’m not seeing them on the bottom of your home page regardless of which browser I’m using. (i’ve checked in chrome, safari, and firefox)

I am seeing an empty home widget are at the bottom of the page though. I suggest deactivating that if you’re not using it or placing some social widgets into that area in Theme Options> Home Layout and Appearance> widgets.

-Kevin

[Hannah]

Hannah

#132670

Hi Peggy,
Have you tried using the home widget area from Theme Options > Home Layout? I think that will work better for you. Then you can just use this css to add the borders:

.home-iconmenu a, .home-iconmenu .home-icon-item {
    border-right: 1px solid #000;
}

Does that work for you?

Hannah