Search Results for 'widget area'

[Anita]

Anita

#249278

Hello Support team!

Footer text color is #ffffff, but I’d like to change the title color of the ‘Above footer widget’ to #5b1843.
I attach a screenshot.

Website:
*Login to see link

Can you please help me with css?
Thanks a lot,
Anita

[Anita]

Anita

#249278

Hello Support team!

Footer text color is #ffffff, but I’d like to change the title color of the ‘Above footer widget’ to #5b1843.
I attach a screenshot.

Website:
*Login to see link

Can you please help me with css?
Thanks a lot,
Anita

[Hannah]

Hannah

#249265

Hey,
There isn’t an option for this within the sitewide banner, but you can add a widget area to the header (theme options > Main Settings > Logo Options). Would that work for you?

Hannah

[Hannah]

Hannah

#249195

Hey Luis,
Pinnacle doens’t have an option for a header widget area, but you can add social links to your menu by adding custom menu items (Appearance > Widgets). Then adding icons to your menu. See here: https://www.kadencewp.com/knowledge-base/add-icons-to-menu/
Then if you want only the icons to show and to remove the text you can do so with css. Let me know if you would like help with this!

Hannah

[Hannah]

Hannah

#249190

Sidebar1 should be displaying as a widget area in Appearance > Widgets. You can also create new custom sidebars from Theme Options > Misc Settings that will then appear in your widget area. Is this not the case for you?

Hannah

[Ben Ritner]

Ben Ritner

#249116

1. Just to clarify, you are wanting to edit “Categories” and “Primary Nav”.

You are adding a border color for hover on a element that has no border, that is why it’s not working, if you add:

#containerfooter .menu li a {
    border:1px solid transparent
}

Then the border color would have an effect on hover.

I see the hover color working, you have it set in your css to be the same color as the non-hover color.

If you have something specific you want me to help with I can send you custom css.

2. I’m not sure how adding a menu widget relates to SiteOrigin page builder in the footer. Because those two are so so different I’m worried there might be some misunderstanding.

However, as Hannah said you can use SiteOrigin page builder in your footer by going to appearance > widgets and adding a widget called “Layout Builder” into one of your Footer widget areas. Once you add that widget into one of those footer widget areas you can edit that widget and it will give you access to the Siteorigin page builder. Does that make sense?

Ben

[John]

John

#249106

Hannah,

Thank you so much for this detailed response. Some things fixed immediately, others not yet.

1. How do I make the menu items in the footer boxes come together? This is not the footernav. because it is not the footer menu. Rather it is the Appearance>menu where I’ve placed Navigation widgets and pointed towards menus. I’m having trouble gaining control over the css via the #containerfooter css that you recommended. Here is what I have now. Some features like the hover color and border don’t work.

#containerfooter h3 {
font-size: 20px;
line-height: 22px;
color: #003a6d;
font-family: sans-serif;
}

#containerfooter .menu {
margin-left: 0;
border-left: 1px solid #003a6d;
}
#containerfooter .menu li a {
color: #003a6d;
font-size: 12px;
line-height: 12px;
margin-bottom: 12px;
text-decoration: none;
background: transparent;
}

#containerfooter .menu li a:hover {
color: #003a6d;
border-color: #003a6d;
text-decoration: none;
background: transparent;
transition: .3s;
}

2. Please explain in one more sentence how to use SiteOrigin page builder to get into designing my footer space. You wrote: “Yes, you can do that using the Layout Builder widget from Siteorigin.”
So far, I’ve tried the two methods that I know of, and neither has worked: Appearance>widget and insert a menu widget. This results in the titles of the menu pages that are inserted into the widget. The other method is building a separate menu, labeling it “footer”, then from Appearance>Menu directing wordpress to place that named “Footer” menu in the footer area.
Both of these strategies have proved difficult to work with in terms of the css, and adding content that can be easily formatted. What if I want to write a full sentence, how do I do it?

Thank you!!

[Hannah]

Hannah

#248990

Hey Kevin,
To display more than 18 on sale products on the homepage you would need to use a shortcode like this: [sale_products per_page="28" columns="4"]
You can paste that into your home content area into a text widget within the home widget area.
Hope it helps!

Hannah

[Ben Andersen]

Ben Andersen

#248955

Steps to reproduce:
1. Use 5 footer widgets with titles

Note that the 5th title aligns center on the whole area as if it would span columns 5+6. This looks bad. Maybe you could set left align on those titles out-of-the-box for a better experience?
h2.widget-title { text-align: left; }

[Ben Andersen]

Ben Andersen

#248955

Steps to reproduce:
1. Use 5 footer widgets with titles

Note that the 5th title aligns center on the whole area as if it would span columns 5+6. This looks bad. Maybe you could set left align on those titles out-of-the-box for a better experience?
h2.widget-title { text-align: left; }

[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

#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 5 years, 12 months 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 5 years, 12 months ago by John.

[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.

[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

[Hannah]

Hannah

#248425

Hey Angelo,
The Kadence widgets in Siteorigin would also be available within Elementor. They’re linked to the widget area, not a specific editor. You can find the Kadence widgets in the WordPress tab under Elements in the Elementor editor.
Hope that’s helpful!

Hannah

[Hannah]

Hannah

#248409

Glad you were able to get outside:)
Do you know what’s in your error logs? If you try to add a new layout builder widget to the header widget area does this continue to happen?

Hannah

[Smith]

Smith

#248376

Hello, I’m using the latest Virtue premium theme and I’d like to access the two buttons that are in the Header Widget area (email and call buttons) so I can change the color of the buttons to match the new logo. *Login to see link

So, I go to the header widget area block in my Widgets Section and click on the Layout Builder down arrow and click on “Open Builder” button; now I can see my two buttons, when I click on either of the buttons to edit it – it just goes to a blank screen with the date on it: Tue, 28 Apr 2020 20:25:16 GMT

Can you help? Image uploaded of the buttons to edit. Thanks!

[Smith]

Smith

#248376

Hello, I’m using the latest Virtue premium theme and I’d like to access the two buttons that are in the Header Widget area (email and call buttons) so I can change the color of the buttons to match the new logo. *Login to see link

So, I go to the header widget area block in my Widgets Section and click on the Layout Builder down arrow and click on “Open Builder” button; now I can see my two buttons, when I click on either of the buttons to edit it – it just goes to a blank screen with the date on it: Tue, 28 Apr 2020 20:25:16 GMT

Can you help? Image uploaded of the buttons to edit. Thanks!

[Hannah]

Hannah

#248364

Hey James,
Did you enable the topbar widget area? That will override your topbar search. So you just need to enable a search widget in your topbar widget area from Appearance > Widgets.
Then you can adjust the height and width with this css:

.form-search .search-query {
    min-height: 40px;
    min-width: 300px;
}

Just paste that into your custom css box in Theme Options > Advanced Settings.
Hope that’s helpful!

Hannah

[Michael]

Michael

#247999

Thanks very much Ben. I’ve now signed up for membership & am using your bbpress plugin. Also installed ‘bbp style pack’ plugin to help implement some of the style changes I wanted (although the Ascend theme is over-riding some of my chosen options).

The couple of things I haven’t figured out how to change:
1. the search button on the bbp widget (in the header widget area) … button is offset from the search box rather than in line with it. Any way to fix? I’m also fine to just revert to the default bbpress search button (instead of the theme-styled button thats been applied)?
2. the (blue) font colour and (grey) background colour of the header row on the forum index (ie.’Forum’, ‘Topics’, ‘Post’ & ‘Last Post’)

Any help greatly appreciated
cheers….

[Ben Ritner]

Ben Ritner

#247729

Yeah for social links I suggest using a widget or block. It would be a little odd for a sharing area to have a social link in my opinion.

Ben