Search Results for '1 column footer'

[Ben Ritner]

Ben Ritner

#152557

So using css like this you can change which column is full. This css would make footer column 4 the full width one:

@media (min-width: 992px){
    .footercol1 {float:left; width:33.33%}
    .footercol2 {float:left; width:33.33%}
    .footercol3 {float:left; width:33.33%}
    .footercol4 {float:none; width:100%}
}

Ben

[Chase]

Chase

#152513

I’m using a 4 column footer layout with column 1 having the 12-column layout above columns 2, 3, and 4. Is there a way to move column 1 below columns 2-3?

Thanks.

[Chase]

Chase

#152513

I’m using a 4 column footer layout with column 1 having the 12-column layout above columns 2, 3, and 4. Is there a way to move column 1 below columns 2-3?

Thanks.

[Alan]

Alan

#152219

Hello,

We use Virtue Theme Premium. On main setting we use Right Sidebar.

On Home page we want to add 3columns same as Demo> *Login to see link
1 How to add feature Project slider with the Right Sidebar.
2 On Virtue Theme Demo, before the footer there are tabs as Clean Design, Responsive, Ton of Options, and Ecommerce. I want to add only 3 Tabs. But I want to the effect to be the same as Feature Project Instead of fade to blue.

I am not the person who develop this web site. It is the woocommerce I don’t see he create the child theme. I can’t find the CSS file most of the cascade I see is Inline and most of it create with tabulate data. Educate me if this is best practice?

Here is the link to website>> *Login to see link
Note: It is an adult product website

I like your theme. I am looking forward for your help.

Thanks
Sam

[Alan]

Alan

#152219

Hello,

We use Virtue Theme Premium. On main setting we use Right Sidebar.

On Home page we want to add 3columns same as Demo> *Login to see link
1 How to add feature Project slider with the Right Sidebar.
2 On Virtue Theme Demo, before the footer there are tabs as Clean Design, Responsive, Ton of Options, and Ecommerce. I want to add only 3 Tabs. But I want to the effect to be the same as Feature Project Instead of fade to blue.

I am not the person who develop this web site. It is the woocommerce I don’t see he create the child theme. I can’t find the CSS file most of the cascade I see is Inline and most of it create with tabulate data. Educate me if this is best practice?

Here is the link to website>> *Login to see link
Note: It is an adult product website

I like your theme. I am looking forward for your help.

Thanks
Sam

[Mike]

Mike

#151194

Hi,

Now that our desktop version is close to the way we want it, moving on to mobile… I have three problems I couldn’t figure out even after searching the forums. I’m testing on my iPhone 7.

Again, all of the below are mobile issues. *Login to see link

1. My designer decided to change the background color of the header to white. [That broke the Ascend Social Media widget on the desktop, so I replaced it w/ another widget we were already using anyway.] But, unfortunately, a white mobile hamburger is invisible. Seems like there s/be a an easy way to set the three bars to, say, blue — but I couldn’t figure it out.

2. Footer column three overlaps footer column two. Is that a problem w/ the social media widget we’re using in column two, or an Ascend issue?

3. This page renders properly on the desktop: *Login to see link On mobile, however, it renders the Ward selectbox justified to the right and wraps Precinct to the next line. Is that an Ascend issue? I guess I could try making the size1of2 class fields smaller, but I figured I’d check w/ you first.

Thanks to a tip from Hannah, I upped my game re: using browser inspection utilities to mess w/ CSS on the desktop. As a result, I haven’t bothered tech support w/ any subsequent issues. 🙂 Is there a similar trick for debugging mobile issues on iOS? I’m not lazy — I’m just a little low on the learning curve…

Thanks,

Mike

[Mike]

Mike

#151194

Hi,

Now that our desktop version is close to the way we want it, moving on to mobile… I have three problems I couldn’t figure out even after searching the forums. I’m testing on my iPhone 7.

Again, all of the below are mobile issues. *Login to see link

1. My designer decided to change the background color of the header to white. [That broke the Ascend Social Media widget on the desktop, so I replaced it w/ another widget we were already using anyway.] But, unfortunately, a white mobile hamburger is invisible. Seems like there s/be a an easy way to set the three bars to, say, blue — but I couldn’t figure it out.

2. Footer column three overlaps footer column two. Is that a problem w/ the social media widget we’re using in column two, or an Ascend issue?

3. This page renders properly on the desktop: *Login to see link On mobile, however, it renders the Ward selectbox justified to the right and wraps Precinct to the next line. Is that an Ascend issue? I guess I could try making the size1of2 class fields smaller, but I figured I’d check w/ you first.

Thanks to a tip from Hannah, I upped my game re: using browser inspection utilities to mess w/ CSS on the desktop. As a result, I haven’t bothered tech support w/ any subsequent issues. 🙂 Is there a similar trick for debugging mobile issues on iOS? I’m not lazy — I’m just a little low on the learning curve…

Thanks,

Mike

[madelucccar]

madelucccar

#150812

Thank you in advance ben for solving issues #1, #2, and #6. However the following problems are still in the website.
Thank you in advance!
link to the website: mysaucy.com
HOME: http://mysaucy.com
1) Padding and margin still part of the footer. I am looking for a balanced look in the footer (meaning centered vertically and horizontally).
2) Ascend: Image Menu Item only become circles when hovered. Is there a way to have them be circles WITHOUT having to hover? *always circle*

PRODUCTS: http://mysaucy.com/products/
3) Is there a way to vertical align the title, text and button that are located next to every product image? The answer provided did not solve this issue. The look desired is such that each sauce has the title, description and button at the same height, giving a vertical alignment look.

CART:
4) How to remove UPDATE CART button? http://mysaucy.com/cart/

My custom css looks like this (any suggestion that would optimize speed would also be appreciated!

.entry-content p {
    padding-top: 6px;
    padding-bottom: 6px;
    margin: 0px;
}
label {
    font-weight: 400;
}
h3.widget-title {
    font-size: 38px;
}
.nav-main ul.sf-menu > li > a {
    padding: 0 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.kt-header-layout-center-menu .kad-center-header.kt-header-flex-item {
    padding: 0 20%;
}
h5.kt-call-to-action-subtitle {
    padding-top: 20px;
}
.sauce-desc-widget h5 {
    color: #2b2b2b;
    font-size: 16px;
}
.sauce-description {
    color: #2b2b2b;
    font-size: 18px;
    text-align: justify;
}
.kt-header-extras .kadence_social_widget a {
    border-radius: 19px;
}
.footercredits,
.footerbase {
    margin-top: 0px;
    padding-top: 0px;
}
#logo {
    padding: 5px 0;
}
.kad-mobile-logo-center {
    padding-top: 5px;
    padding-bottom: 5px;
}
.image-menu-fixed-height.image-menu_item {
    max-width: 220px;
    margin: 0 auto;
}
.image-menu-fixed-height .image_menu_item_link,
.image-menu-fixed-height .image_menu_item_link .image_menu_message {
    border-radius: 50%;
}
h1.product_title {
    color: #444;
}
.kt-ctaw .kt-call-to-action-title {
    margin: 2px;
}
@media (min-width: 1100px) {
    .product-summary-case .entry-summary {
        min-height: 464px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media only screen and (max-device-width: 768px) {
    .footercol1 {
        display: block;
        margin: auto;
        width: 45%;
    }
    .footercol2 {
        display: block;
        margin: auto;
        width: 85%;
    }
    .footercol3 {
        display: block;
        margin: auto;
        width: 65%;
    }
    p {
        font-size: 18px;
        padding: 3px;
    }
}

[Ben Ritner]

Ben Ritner

#150753

1. Only when minimized? Like you want it tight when you are at the top of the page? I think this is what you want so there is padding all the time but let me know:

#logo {
    padding: 10px 0;
}

2. Where are you wanting to pad? For example, you can increase the height which would increase the padding around your items. The logo is based on what you upload. But you can add padding around your logo if you want with this css:

.kad-mobile-logo-center {
    padding-top: 10px;
    padding-bottom: 10px;
}

3. you can use this css:

.footercredits, .footerbase{
    padding: 0;
    margin:0;
}

4. Only if you set a fixed size. So here is the css, you have to match the max width with whatever you set the fixed height to be:

.image-menu-fixed-height.image-menu_item {
    max-width: 210px;
    margin: 0 auto;
}

.image-menu-fixed-height .image_menu_item_link, .image-menu-fixed-height .image_menu_item_link .image_menu_message {
    border-radius: 50%;
}

5. Kind of. You can add this which will effect desktop screens:

@media (min-width: 1100px) {
.product-summary-case .entry-summary {
    min-height: 464px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
    flex-direction: column;
}
}

6. In your theme options > shop archive settings you can control the set ratio. currently you have it set to 1:1 so you can change it to portrait 3:4 or turn that setting off and it will then default to your woocommerce settings just make sure you regenerate thumbs if you use woo commerce setting and make a change.

Ben

[Hannah]

Hannah

#149876

Hi Susie,
1. Have you tried using the two column layout? That should work for you. You can enable from Theme Options > Footer.

2. Try adding this to your custom css box in Theme Options > Advanced Settings:

.sf-menu li {
    border-right: 1px solid #fff;
}
li.menu-search-icon-kt {
    border-right: none;
}

Hannah

[Kevin]

Kevin

#149506

You are inputting incorrect comments in your CSS box, which is breaking it. Change this:

* FOOTER*/
.footer-widget-title:before {
    display: none;
}

* FOOTER COLUMNS*/
@media (min-width: 992px){
.footercol1 {width:20%; padding:0}
.footercol2 {width:40%; padding:0}
.footercol3 {width:40%; padding:0}
   }
}
@media (min-width: 992px) {
.footercol1 {
width: 20%;
text-align: left;
}

.footercol2 {
width: 40%;
text-align: left;
}

.footercol3 {
width: 40%;
text-align: right;
   }
}

To this:

/* FOOTER*/
.footer-widget-title:before {
    display: none;
}

/* FOOTER COLUMNS*/
@media (min-width: 992px){
.footercol1 {width:20%; padding:0}
.footercol2 {width:40%; padding:0}
.footercol3 {width:40%; padding:0}
   }
}
@media (min-width: 992px) {
.footercol1 {
width: 20%;
text-align: left;
}

.footercol2 {
width: 40%;
text-align: left;
}

.footercol3 {
width: 40%;
text-align: right;
   }
}

Your CSS will work correctly with this fix.

-Kevin

[Kevin]

Kevin

#149432

Another issue with the CSS is that you’re not closing the media query, and the values for the footer column widths add up to more than 100%. Also should probably be wrapping the other part in a media query. Compare the above CSS to this so you can see what I mean:

@media (min-width: 992px){
.footercol1 {width:20%; padding:0}
.footercol2 {width:40%; padding:0}
.footercol3 {width:40%; padding:0}
   }
}
@media (min-width: 992px) {
.footercol1 {
width: 20%;
text-align: left;
}

.footercol2 {
width: 40%;
text-align: left;
}

.footercol3 {
width: 40%;
text-align: right;
   }
}

Let me know how this works for you.

-Kevin

[Pamela]

Pamela

#149423

Hello!
More help needed. This time some adjustments with the footer headings. I would like to have the “footer-widget-title” without the line decoration on right side? What would be the css for that.

Case two: In Virtue theme I could adjust the width of the footer columns with the css below, but how can this be done in Ascend?

/* FOOTER WIDGETS WIDTH*/

@media (min-width: 992px){
.footercol1 {width:20%; padding:0}
.footercol2 {width:40%; padding:0}
.footercol3 {width:40%; padding:0}
}

.footercol1 {
width: 35%;
text-align: left;
}

.footercol3 {
width: 40%;
text-align: left;
}

.footercol3 {
width: 40%;
text-align: right;
}

Regards,

Pamela

[Pamela]

Pamela

#149423

Hello!
More help needed. This time some adjustments with the footer headings. I would like to have the “footer-widget-title” without the line decoration on right side? What would be the css for that.

Case two: In Virtue theme I could adjust the width of the footer columns with the css below, but how can this be done in Ascend?

/* FOOTER WIDGETS WIDTH*/

@media (min-width: 992px){
.footercol1 {width:20%; padding:0}
.footercol2 {width:40%; padding:0}
.footercol3 {width:40%; padding:0}
}

.footercol1 {
width: 35%;
text-align: left;
}

.footercol3 {
width: 40%;
text-align: left;
}

.footercol3 {
width: 40%;
text-align: right;
}

Regards,

Pamela

[mark8]

mark8

#148292

Friends:

I am experimenting with Kadence Pricing Tables. For the most part, things are going well. I have a couple of basic questions that I’m hoping the forum can help me with:

(1) How does one add one or more rows to a table? Adding columns is intuitive, but I must be missing something for adding rows.

(2) Does anyone have hints for controlling row heights on the table? I want to keep each cell at the same height, and also keep every element within that cell at the same height (e.g., all “single row” blocks the same height, all “footer row” blocks the same height, etc). I can exert a certain amount of control by tinkering with “minimum row height” values, but things tend to shift a bit when using small-screen devices. If there’s a better way, I’d sure appreciate some guidance.

Thanks!

[mark8]

mark8

#148292

Friends:

I am experimenting with Kadence Pricing Tables. For the most part, things are going well. I have a couple of basic questions that I’m hoping the forum can help me with:

(1) How does one add one or more rows to a table? Adding columns is intuitive, but I must be missing something for adding rows.

(2) Does anyone have hints for controlling row heights on the table? I want to keep each cell at the same height, and also keep every element within that cell at the same height (e.g., all “single row” blocks the same height, all “footer row” blocks the same height, etc). I can exert a certain amount of control by tinkering with “minimum row height” values, but things tend to shift a bit when using small-screen devices. If there’s a better way, I’d sure appreciate some guidance.

Thanks!

[contactus1]

contactus1

#148260

1. The issue is apparent even on the footer as shown in the picture the word “search” and the search box should appear in line just like it does in my current footer- as shown in the photo the box is off to the left of the word that is the issue. Not whether it is two column or three.

2. Got it

4. There is no photo showing in the screen shot, the logo is showing. Do you mean that the logo shouldn’t be showing but rather a photo from the post should be set as a head photo? And it would appear where the logo is now?

I realize this is not ideal but unfortunately your support is not 24/7 and I can’t leave the website looking like that while people use it. And unfortunately I have no staging or test environment.

[contactus1]

contactus1

#148125

This reply has been marked as private.

[contactus1]

contactus1

#148089

I am a current virtue premium user. I just bought the Virtue BOLD child theme. And I quite like it.

As it takes my current settings- I am having trouble find/editing a few things. I have switched back to Virtue Premium so you can not see it live on the site but I have screen shots of the issues if that is helpful.

1. The Search box which is in my footer in Virtue Premium- moves way over to the left in Virtue BOLD- it no longer appear directly in line with the category search (The two search boxes zigzag in BOLD)

2. On the home page the four blog posts that appear at the bottom- in two column the picture become very small, no post excerpt appears (dispite the fact this is still set up as it is in Virtue Premium- I have checked.) And while I figured out how to make the picture larger, the excerpt never appears.

3. I cannot get the date and author to not appear in Virtue BOLD- again neither option is ticked in settings and neither appears in Virtue Premium. But I cannot get it to turn off.

4. On an actual post, the title of the post now covers the logo (the tagline- so just the bottom of the image) at the top of the page. I have tried adding padding to the logo- it does not move the post title down. Not sue if I need to insert a smaller image (it is fine on the home page, the post page just seems to be further up the page than the logo.

I can’t seem to insert an image in here. But can send them if that is helpful. The website is http://www.compassandfork.com

Thanks in advance for your assistance.

[contactus1]

contactus1

#148089

I am a current virtue premium user. I just bought the Virtue BOLD child theme. And I quite like it.

As it takes my current settings- I am having trouble find/editing a few things. I have switched back to Virtue Premium so you can not see it live on the site but I have screen shots of the issues if that is helpful.

1. The Search box which is in my footer in Virtue Premium- moves way over to the left in Virtue BOLD- it no longer appear directly in line with the category search (The two search boxes zigzag in BOLD)

2. On the home page the four blog posts that appear at the bottom- in two column the picture become very small, no post excerpt appears (dispite the fact this is still set up as it is in Virtue Premium- I have checked.) And while I figured out how to make the picture larger, the excerpt never appears.

3. I cannot get the date and author to not appear in Virtue BOLD- again neither option is ticked in settings and neither appears in Virtue Premium. But I cannot get it to turn off.

4. On an actual post, the title of the post now covers the logo (the tagline- so just the bottom of the image) at the top of the page. I have tried adding padding to the logo- it does not move the post title down. Not sue if I need to insert a smaller image (it is fine on the home page, the post page just seems to be further up the page than the logo.

I can’t seem to insert an image in here. But can send them if that is helpful. The website is http://www.compassandfork.com

Thanks in advance for your assistance.

[Sharon]

Sharon

#147595

When I choose the footer layout with long row on top, the things I have in column 1, 2, and 3 disappear. The items in column 1,2,3 are no longer on widget page in appropriate footer columns. I revert back to 3 columns without top row, and they reappear. What is happening there? Solution?

Do I have to reset up the items in column 1,2,3 to be under Columns 2,3,4? I assume after choosing layout with long row above the 3 columns, that row would be considered Column 1, right? Then I would have to reinsert what I want in bottom 3 columns again, right?

[Hannah]

Hannah

#147396

Hey,
In Theme Options > Footer choose the last or second to last Footer Widget Layout (with the long row on top). Then from Appearance > Widgets you can add a Layout Builder widget to your Footer Column 1 then you can create a row with 5 columns and add an image widget to each column. Does that work for you?

Hannah

[Viacheslav Zosimov]

Viacheslav Zosimov

#146223

Thanks! It`s fine now.
But it works only for a single page.
Can you help me to place it in footer?

I can`t find background and padding options to config Virtue: Call to actions widget into “Footer Column 1”.

[Viacheslav Zosimov]

Viacheslav Zosimov

#146085

Hello.
I have some issues with call to actions block.
I need to get it like on your demo page:
*Login to see link
Fullwidth background image with parallax, centered text and button, top and bottom padding.
I have found three ways to add it on my site. All of them are on this page:
*Login to see link
1. I have added “Virtue: Call to actions” widget on page using Page Builder. Everything is greate except fullwidth.
2. I have added it using Theme options -> Footer -> Use Sitewide Footer Call to Actions. It is fullwidth, but I cant make it parallax, and cant align text and button to the center.
3. Appearance -> Widgets. I have put Virtue: Call to actions widget into “Footer Column 1” box.
I can`t find background and padding options.
Is there “Widget Styles” options like in Page Builder?

Help me please to find the best way to make call to actions like on your demo page.

[Viacheslav Zosimov]

Viacheslav Zosimov

#146085

Hello.
I have some issues with call to actions block.
I need to get it like on your demo page:
*Login to see link
Fullwidth background image with parallax, centered text and button, top and bottom padding.
I have found three ways to add it on my site. All of them are on this page:
*Login to see link
1. I have added “Virtue: Call to actions” widget on page using Page Builder. Everything is greate except fullwidth.
2. I have added it using Theme options -> Footer -> Use Sitewide Footer Call to Actions. It is fullwidth, but I cant make it parallax, and cant align text and button to the center.
3. Appearance -> Widgets. I have put Virtue: Call to actions widget into “Footer Column 1” box.
I can`t find background and padding options.
Is there “Widget Styles” options like in Page Builder?

Help me please to find the best way to make call to actions like on your demo page.

[Hannah]

Hannah

#144181

1. When you edit a page builder row you should see options to set the padding for mobile. You should be able to adjust the spacing from there. Make sure you’re using the latest version of the theme and plugin.

2. It looks like you’ve added mobile padding? Check the page builder settings again.

3. Do you mean “what we do”? I’m seeing that in mobile. Can you send a screenshot? Have you tried clearing your cache?

4. You can put whatever you want in the footer copyright text box from Theme Options > Misc Settings. Is that what you mean?

5. You can use this css to center your footer menu and credits:

.footercredits {
    width: 100%;
    text-align: center;
}
.footernav ul li {
    float: none;
    display: inline-block;
}
.footernav {
    float: none;
}
.footernav ul {
    width: 100%;
}

You can paste that into your custom css box in Theme Options > Advanced Settings. To add a logo just add an image widget to one of your footer columns, then use css to center it. I can help with the css if you’d like.

Hope that’s helpful!

Hannah

[Ben Ritner]

Ben Ritner

#136860

Yes best to ask new questions in a new topic anyway.

1. If you want them to align add this:

.footernav {
    float: right;
}

3. I think you are thinking this css:

.kt-header-position-above #logo a {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

4. You can force padding to make the logo shrink more but text in html doesn’t “shrink” by container size. There isn’t anyway to do that like you can with an image so you can set it smaller by using css but that will mean it “jumps” to the small size as soon as you start scrolling.

So in general unless you want to force your text really small and make it jump to that size when you start scrolling you should limit how much shrink you are using.

#logo {
    padding: 10px 0;
}

5. Or are you wanting dividers?

maximum memory size to 32MB… That is super small for wordpress standards. I’ve not ever seen even low end value hosts impose that kind of limit? And yes any large theme would need more with a couple plugins installed. Especially based on the server cpu which if you max memory is so small then I doubt it’s very fast.

So lets give an example. You go into the theme options and you want to change a font. There are over 800 fonts that load into that select box for you to choose from. This is all done through ajax so it’s a quick load but it still requires memory from your server to build the list with all the font options like weight and subsets on a per font basis.

Ben