Search Results for 'widget '

[John]

John

#248942

Hi Hannah,

Thanks for this response. Everything seems to be fine now… the masonry option in Virtue Galleries is working fine, so I have that option activated for the gallery on the front page of http://www.develop.georgianchant.org

7. The footer is the only outstanding nuisance. I want to create a sophisticated footer area like the examples shown on this page: https://www.webdesignerdepot.com/2018/09/4-best-practices-for-designing-mega-footers/
I took your suggestion to create different menus, then to use navigation widgets placed in the four footer columns to link to those menus. The result is less than stellar. The problem is that I don’t seem to have any direct way to control the css for content in the footer. So the color, padding, font size, highlight and hover text colors, background colors, borders… must this all be added with additional css specific to each of the four footer columns?

[Hannah]

Hannah

#248936

3. Gotcha! You can use the Categories widget to display a list of your categories.

5. Can you link to a gallery? How are you setting them up?

6. Sorry, change that to this:

@media (min-width: 468px) {
#nav-second ul.sf-menu {
    display: block;
}
#nav-main ul.sf-menu, .nav-main ul.sf-menu {
    display: block;
}
.nav-trigger .nav-trigger-case {
    display: none;
}
#nav-main-sticky-wrapper {
    display: block;
}
}

Does that work for you?

7. One option would be to create multiple menus from Appearance > Widgets, then use the Navigation Menu plugin to add a specific menu to each block. You’ll see an option to add a title for each block.

Hannah

[Ben Ritner]

Ben Ritner

#248893

Can you send me a login so I can see your settings? You should be able to select the columns you want and that would apply to the range you are targeting. For the standard column selection in that widget what have you set it to?

There is no css for this, the javascript controls it.

Ben

[Hannah]

Hannah

#248866

Hi Laurent,
Thanks for clarifying!

1. I’ll have Ben look into this. For now, you can remove the first logo on sticky with this css:

.is-sticky div#logo {
    display: none;
}

2. You can add this to your custom css:

.footercol1, .footercol2, .footercol3, #containerfooter h3, #containerfooter .virtue_social_widget {
    text-align: left;
} 

3. This css will adjust your woocommerce styling:

#content div.product form.cart .button {
    background: #999;
    color: #fff;
    border: 0;
}
.wrap .button, table.cart td.actions .coupon .input-text, table.shop_table, table.shop_table td {
    border: 0;
}

Hope that’s helpful!

Hannah

[Hannah]

Hannah

#248854

Hey,
The menu is a part of the headerclass so there isn’t a way to do this without also extending your header the width of the screen. This css will stretch your header but add some padding to your logo and widget area:

@media (min-width: 992px) {
.headerclass .container {
    width: 100%;
    padding: 0;
}
.headerclass [class*=wp-image] {
    float: right;
}
}
@media (min-width: 1700px) {
.col-md-4.clearfix.kad-header-left {
  left: 300px;
}
.col-md-8.kad-header-widget {
    right: 300px;
}
}
@media (min-width: 1230px) and (max-width: 1700px) {
.col-md-4.clearfix.kad-header-left {
  left: 100px;
}
.col-md-8.kad-header-widget {
    right: 100px;
}
}

Let me know how that works for you!

You can increase the height of your menu by adding some padding like this:

#nav-main ul.sf-menu a, .nav-main ul.sf-menu a {
    padding: 25px 20px;
}

Hannah

[John]

John

#248834

Hello Hannah,

I have a new front page, and a number of things are not cooperating. I wonder if you could help? Here is the page: *Login to see link

1. I have an image as a background to the Secondary menu. I would like to play with the height of this image. I tried to increase the height of the text line, but then this messed up the drop-down menu text spacing. So I need to work directly with that background image.

2. Could you help me make the Header and the Secondary Menu sticky? There is not an option within the theme to have a sticky header, and a secondary menu. I would like both to be disappear as a user scrolls down the page

3. This site employs a lot of “categories”. I don’t understand, can categories generate new pages? I hope so, as I would like a Category page to then list every item on the website that has been categorized with that rubric.

4. I would like a horizontal line to separate the footer widget areas from the footer menu.

5. The Virtue image gallery mosaic style doesn’t seem to be working, and I can’t figure out why.

6. At about 800 px wide, my home page menus disappear. How can I control when the menus collapse to the format for mobile phones? This should not happen until the width is more like 350px or 400px, no?

7. I want to control css for footer text, but can’t find where to do this. I want to have long lists in small font of all the categories, down in the footer area. I tried to put these categories in a unique footer menu. I found some supplementary css for the footer, but it doesn’t seem to work. Here is what I put in as supplementary css in the “advanced settings.”

.footercredits p {
font-size: 12px;
}

.footercredits p a {
color: #003a6d
}

.footermenu li a {
font-size: 12px;
font-weight: normal;
color: #003a6d
}

• This topic was modified 6 years ago by John.

[John]

John

#248834

Hello Hannah,

I have a new front page, and a number of things are not cooperating. I wonder if you could help? Here is the page: *Login to see link

1. I have an image as a background to the Secondary menu. I would like to play with the height of this image. I tried to increase the height of the text line, but then this messed up the drop-down menu text spacing. So I need to work directly with that background image.

2. Could you help me make the Header and the Secondary Menu sticky? There is not an option within the theme to have a sticky header, and a secondary menu. I would like both to be disappear as a user scrolls down the page

3. This site employs a lot of “categories”. I don’t understand, can categories generate new pages? I hope so, as I would like a Category page to then list every item on the website that has been categorized with that rubric.

4. I would like a horizontal line to separate the footer widget areas from the footer menu.

5. The Virtue image gallery mosaic style doesn’t seem to be working, and I can’t figure out why.

6. At about 800 px wide, my home page menus disappear. How can I control when the menus collapse to the format for mobile phones? This should not happen until the width is more like 350px or 400px, no?

7. I want to control css for footer text, but can’t find where to do this. I want to have long lists in small font of all the categories, down in the footer area. I tried to put these categories in a unique footer menu. I found some supplementary css for the footer, but it doesn’t seem to work. Here is what I put in as supplementary css in the “advanced settings.”

.footercredits p {
font-size: 12px;
}

.footercredits p a {
color: #003a6d
}

.footermenu li a {
font-size: 12px;
font-weight: normal;
color: #003a6d
}

• This topic was modified 6 years ago by John.

[Hannah]

Hannah

#248832

You have several open media queries in your css that is effecting all css added after. You need to add a closing bracket here:

@media (min-width: 768px) and (max-width: 992px) {
#pg-w5e70b9176941d-0> .panel-row-style {
padding: 400px 50px !important;
}

and here:

@media (max-width: 5992px) {
#pgc-23-0-0 h3 {
font-size: 16px;
line-height: 17px;
}
#pgc-23-0-0 .so-widget-sow-editor.so-widget-sow-editor-base h5 {
font-size: 12px;
line-height: 13px;
}
.comment-content a:not(.button),
.entry-content p a:not(.button):not(.select2-choice):not([data-rel=lightbox]) {
border: 0;
}

Hope that’s helpful! Let me know if this continues to not work.

Hannah

[marc joseph]

marc joseph

#248808

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#248792

The normal column setting, the first one you see in the widget settings defines the columns for that size as well as the defaults for the others.

Ben

[Laurent]

Laurent

#248780

Hi,

I replaced my virtue premium theme with the bold child theme. Everything is going pretty well except:

– I have 2 logos which appear in the “Basic with shrink for sticky”,
– the text of the footer widget is centered while I would like to align it to the left.
– the design of the woocommerce store is less design. How to change this?

thank you,
Have a good day and stay safe!

Laurent

[Laurent]

Laurent

#248780

Hi,

I replaced my virtue premium theme with the bold child theme. Everything is going pretty well except:

– I have 2 logos which appear in the “Basic with shrink for sticky”,
– the text of the footer widget is centered while I would like to align it to the left.
– the design of the woocommerce store is less design. How to change this?

thank you,
Have a good day and stay safe!

Laurent

[info794]

info794

#248759

Hello, i’m developing this website: http://www.sofarco.malonewebdesign.net

In homepage i have the product carousel widget, but in the widget setting is missing the columns quantity for breakpoint 992-1200px.

The breakpoints infact, are only these: *Login to see link

Can you give me the right custom css to resolve? i want to show 4 columns and not 5 at this resolution.

For the products showing via shortcode, i have resolved with this CSS but doesnt work for product carousel widget:

@media (max-width: 544px) {
.kad_product {
width: 100%;

}
}

@media only screen and (min-width: 544px) and (max-width: 768px) {

.kad_product {
width: 50%;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

.kad_product {
width: 33%;
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

.kad_product {
width: 25%;
}
}

@media (min-width: 1200px) {
.kad_product {
width: 20%;

}
}

Thanks and best regards

[info794]

info794

#248759

Hello, i’m developing this website: http://www.sofarco.malonewebdesign.net

In homepage i have the product carousel widget, but in the widget setting is missing the columns quantity for breakpoint 992-1200px.

The breakpoints infact, are only these: *Login to see link

Can you give me the right custom css to resolve? i want to show 4 columns and not 5 at this resolution.

For the products showing via shortcode, i have resolved with this CSS but doesnt work for product carousel widget:

@media (max-width: 544px) {
.kad_product {
width: 100%;

}
}

@media only screen and (min-width: 544px) and (max-width: 768px) {

.kad_product {
width: 50%;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

.kad_product {
width: 33%;
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

.kad_product {
width: 25%;
}
}

@media (min-width: 1200px) {
.kad_product {
width: 20%;

}
}

Thanks and best regards

[marc joseph]

marc joseph

#248748

merci so much Hanna . I have tried to disable the plug in Full screen background , it does nothoing.

I can send to you all of the css added to the Advanced option theme.

a bit in disorder but maybe something will help .
the heroes content are not displayed under the @media (max-width: 768px)

list of css active :

/* Main home page with choice of languages Landing page do not display menu and footer on english version only page 3 langues */

.home #kad-banner, .home #containerfooter {
display:none;
}

/*STyle of the portfolios items … on a Portfolio page */
.portfolio_item .portfoliolink {
position: static;
border: 0px solid rgba(255,255,255,.5);
opacity: 1;
background: rgba(0,0,0,0);
border: 2px solid transparent;
}
.portfolio_item .piteminfo h5 {
margin: 0;
padding: 6px 0 6px 0;
color: #EEE;
}
.portfolio_item .piteminfo p {
color: #EEE;
}
.portfolio_item:hover .portfoliolink {
border: 2px solid rgba(255,255,255,1);
}

/* FILTER PROJECTS in PORTFOLIO PAGE police filter name du portfolio */
#filters li h5 {
color: #99a1a4;
font-weight:400;
}
/* color mouse over filter name on portfolio page */
#filters li h5:hover {
color: #fff;
}
/* pour mobile couleur du mot filter dans potolio page */
.filter-trigger {
color: #7593a0;
}
#filter-trigger:hover {
color: #fff;
}

/* CODE POUR MOBIL to reorganise the display style of FILTER PROJECT SUR MOBILE code to change the style of displaying the filter project in Portfolio Page – Hanna */
#filters li {
float: left !important;
margin-left: 15px !important;
margin-bottom: 10px !important;
}
#filters {
height: auto !important;
}
.filter-trigger {
display: none;
}

/* CONTACT PAGE rend transparent le background de area de saisie de texte ds */
#kad-feedback-new-post input.full, .contactform input.full, .wpcf7 input {
background-color: rgba(220,220,220, 0.7);
}
.wpcf7-form-control.wpcf7-textarea {
background-color: rgba(220,220,220, 0.7);
}

/* CONTACT PAGE change lthe color of submit’s text of bouton send dans contact */
.wpcf7 input.wpcf7-submit {
padding: 12px 18px;
font-size: 12px;
border: none;
display: inline-block;
color: #1b84e1;
background: #fff;
transition: background .6s ease-out;
-webkit-transition: background .6s ease-out;
-moz-transition: background .6s ease-out;
-o-transition: background .6s ease-out;
}

/* TO DISPLAY THE PAGE 3 LANGUAGES ON MOBIL 3 langues s’affiche sur Mobile */

@media (max-width: 780px) {
.so-widget-sow-hero-default-2da0f0801951 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {
height: auto !important;
}
}

/* RIGHT TOP BAR WIDGET to display on/off if Mobil or PC ( contient le F11) only */

@media (max-width: 768px) {
.topbar-widget {
display: none;
}
}
/* to suppress empty space before (top) content of home page */

@media (max-width: 768px) {
.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper {
padding: 0;
}
}
/* espacement du texte dans page bio ; voir css style du module de la page a line-height à 27 px*/
——————————-
maybe it could help you .
marc

[Susanne]

Susanne

#248744

This reply has been marked as private.

[Joanne]

Joanne

#248649

Hi Hannah
The demo content has merged with my content, rather than overwritten it, which I think is ok because it allows me to play about with things and see how things work. I am having difficulty knowing what editir to use though.
I was using Elementor but I find it a bit complicated and I don’t want to pay for premium so I deactivated and I think I am using the wordpress block editor with kadence blocks. But I can’t see how to add some widgets. like virtue call to action for example, I dont get that option. Can you advise me which editor would be the best one to use?

thank you

Joanne

[marc joseph]

marc joseph

#248642

hi alls
I have put as someone of you told me to do .
/* pour que la page 3 langues s’affiche sur Mobile */

@media (max-width: 780px) {
.so-widget-sow-hero-default-2da0f0801951 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {
height: auto !important;
}
}
but nothing is displayed.. what could be the reason .. ?
see the probleme on *Login to see link

best tanks marc

[marc joseph]

marc joseph

#248642

hi alls
I have put as someone of you told me to do .
/* pour que la page 3 langues s’affiche sur Mobile */

@media (max-width: 780px) {
.so-widget-sow-hero-default-2da0f0801951 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {
height: auto !important;
}
}
but nothing is displayed.. what could be the reason .. ?
see the probleme on *Login to see link

best tanks marc

[d.vos]

d.vos

#248597

Hi,

I want do change the testimonials widget I want to put the name above, at the same place as the text, but I’ve been looking at the code, but cannot find where it’s generated.

The site is: *Login to see link

Cheers,

Daniel

[d.vos]

d.vos

#248597

Hi,

I want do change the testimonials widget I want to put the name above, at the same place as the text, but I’ve been looking at the code, but cannot find where it’s generated.

The site is: *Login to see link

Cheers,

Daniel

[Hannah]

Hannah

#248559

Hey Kelly,
Setting a min-height for your text should resolve this. You can do so with this css:

#panel-65-1-0-0> .panel-widget-style {
    min-height: 100px;
}

Hope that helps!

Hannah

[Hannah]

Hannah

#248553

Hey,
So importing the demo content actually overrides all your existing content and settings. Your host may be able to do a backup for you if you do not want this. Otherwise I would be happy to help you get things set up as you’re wanting.
The footer content pulls from your footer widget area which can be edited from Appearance > Widgets.

Hannah

[admin112]

admin112

#248524

Yes. They are text and images.

Would adding 30 split content widgets to a single page create issues for the website?

[Mike]

Mike

#248514

I’m using a Layout Building in a Mobile Topbar Widget and have a row with 2 cells. One contains an Ascend Image widget, the other a Custom HTML widget with a PayPal button. There’s ample room for both buttons to fit on a single line, yet they’re being forced onto separate lines. Any way to get them to stay together? The site is HERE.

Thanks!

[Mike]

Mike

#248514

I’m using a Layout Building in a Mobile Topbar Widget and have a row with 2 cells. One contains an Ascend Image widget, the other a Custom HTML widget with a PayPal button. There’s ample room for both buttons to fit on a single line, yet they’re being forced onto separate lines. Any way to get them to stay together? The site is HERE.

Thanks!