Search Results for 'widget area'

[Kevin]

Kevin

#108924

Try adding this CSS and let me know if the number is aligned to your liking:

.header-widget-area-header {
    text-align: right;
    padding-top: 45px;
}

.header-widget-area-header .textwidget a {
    color: darkgrey;
    font-weight: bold;
    font-size: 18px;
}

[Ben Ritner]

Ben Ritner

#108730

You can use the theme options > advanced styling. There you can set the background for the topbar.

You can set the color and size with this css:

.topbarmenu ul li a {
    color: black;
    font-size: 16px;
}
.kad-topbar-left {
    width: 100%;
}

In terms of our number your using a widget area so you can make it whatever you want. don’t need css. Simply using the “visual editor” widget and style your text.

Currently it’s placement is being set by this css, which I encourage you to remove.

.textwidget a {
    float: right;
    position: relative;
    top: 95px;
}

If you are set on using css for this number then make sure it’s more specific…

like:

.kad-header-widget .header-widget-area-header a {
    margin-top: 30px;
    font-weight: bold;
}

Ben

[Kevin]

Kevin

#108695

Can you add the phone number back into the widget area? I should be able to get it positioned with your menu in the top bar.

[Kevin]

Kevin

#108670

Here is what I was able to come up with in CSS. Try adding this and let me know if it works for you.

.header-widget-area-header {
    width: 20%;
    float: right;
}

.textwidget a {
    float: right;
    position: relative;
    top: 95px;
}

@media (min-width: 1200px) and (max-width: 1370px) {
.textwidget a {
    margin-right: 40px;
   }
}   

If that doesn’t work, then Ben or Hannah will be able to provide a better solution when they see this.

Thanks,
Kevin

[Ben Ritner]

Ben Ritner

#108444

So in your theme options > main settings. In the “logo layout” area select the fourth option with the widget area.

Add your image through the widget area. Then you can use a little css to make both the logo and widget areas fullwidth so they are stacked.

Shouldn’t need to edit any tempaltes.
Ben

[Kevin]

Kevin

#107903

The demo is using a Custom Menu Widget in that area to achieve this look.

You need to go into Appearance> Widgets, and assign that widget to the footer col 4.

You’ll create the menu that you will assign to this in Appearance> Menus.

Take a look at those and let me know if it works for you.

[Ekaterina]

Ekaterina

#107748

Hello!

I would like to display the phone number in the header next to the logo. I put a widget to the header widget area and I can see it from my comp. Unfortunately, it is situated above the menus, I would need it to be below the menus. I am also not able to see it on the mobile phone. Is it possible to make it visible on the sell phone as well?

I also wonder if I would have the phone button on the mobile header, is it possible to use the function ‘press the button and dial the number’??

I went through so many difficulties building my website using you REALLY wonderful theme, it would not be possible without your genuine support.
Thank you so much for your help! !!

[Ekaterina]

Ekaterina

#107748

Hello!

I would like to display the phone number in the header next to the logo. I put a widget to the header widget area and I can see it from my comp. Unfortunately, it is situated above the menus, I would need it to be below the menus. I am also not able to see it on the mobile phone. Is it possible to make it visible on the sell phone as well?

I also wonder if I would have the phone button on the mobile header, is it possible to use the function ‘press the button and dial the number’??

I went through so many difficulties building my website using you REALLY wonderful theme, it would not be possible without your genuine support.
Thank you so much for your help! !!

[Ben Ritner]

Ben Ritner

#107545

1.

#topbar {
    border-bottom: 2px solid green;
}

2. You can add a border in pagebuilder. Please look at your row settings.

3. Either upload larger images or make your whole content area narrower in your theme optons > misc settings. That will “bring them closer”

You can add borders in pagebuilder.

4 and 5.

.footercredits {
    padding: 5px 0 0;
}

.footerbase {
    background:#303030;
}
#containerfooter {
    background: black;
    padding-top: 10px;
    border-top: 2px solid green;
}

6.

li.menu-item-36 > a > span {
    background: yellow;
    font-size: 15px;
    padding: 5px;
}

7. I don’t know what you mean please post a screen shot.

8.

#pg-4-0 .panel-grid-cell#pgc-4-0-0 {
    padding: 0;
}

9. Remove the widget title (leave it blank) add in whatever size title you want into the widget content above your other text.

[Ben Ritner]

Ben Ritner

#107383

Use a visual editor widget instead of your text widget and then add your image and choose to center it in the image options when you add.

In the topbar you can enabled a widget area for the section where your search is. theme options > topbar options. Then you can add a image widget and search widget into the topbar.

[Ben Ritner]

Ben Ritner

#107376

I put your text widget into the first widget area for the footer.

Is that all you wanted?

Ben

[Bev]

Bev

#107285

Hi Ben
Still have a problem with moving my site title down in the widget area of the standard header setup.
I have the logo on the LH side and the site title in the widget area on the RH side.
I can’t move the site title down – any ideas please?

[Rebecca]

Rebecca

#106938

Hi there,

Can you take a look at the sidebar at http://181.224.148.70/~actsystems/our-founders/ please?
Is it possible to have the separate widgets to have a grey background like on *Login to see link please?

Also is there anyway to customised the menu here to have hover green bars similar to *Login to see link

Thanks,
Rebecca

[Rebecca]

Rebecca

#106938

Hi there,

Can you take a look at the sidebar at http://181.224.148.70/~actsystems/our-founders/ please?
Is it possible to have the separate widgets to have a grey background like on *Login to see link please?

Also is there anyway to customised the menu here to have hover green bars similar to *Login to see link

Thanks,
Rebecca

[Hannah]

Hannah

#106918

Hey,
You can use the Header Widget Area to do this. Choose the widget header layout from Theme Options > Main Settings. Then from Appearance > Widgets you can add a visual editor widget with your text. Then you can position accordingly using css. I would be happy to help with the css.
Hope that works for you!

Hannah

[leila.kubegusa]

leila.kubegusa

#106279

Hi team!

I’ve been struggling with setting up a split content widget in page builder on a page and making it look a certain way.

Ultimately what I’d like to see in the text area next to the image of the split content on the live page, is:
– 48px customized icon
– large font title
– normal reading size text
– button with link
>> everything centered

My questions:

1) How can I get the way the text area is set up in this example of wide split content? There is no way to select an icon in the split content widget as far as I see.. The only way I see to get the icon there, is to put an [icon box] shortcode in the text area of the split content widget, which I did. I left the title blank in the split content widget because I wanted the icon to be above the title, like in your example page.
But then you have to add a title below the icon, and how to enlarge or make bold the fonts? The text area in the split content widget doesn’t allow formatting.

2) how can I select my png icon file to show intead of the built in icons? where do I upload it?

3) How can I get the button to align center? The default is to align left. I tried adding a separate button in the split content text area, and so leaving the built in fields for a text button empty, and adding ‘align=center’but that didn’t have any effect.

What am I missing?
Is there a better way to get what I want than through using the split content widget..?
Thanks in advance for your suggestions.
Leila

[leila.kubegusa]

leila.kubegusa

#106279

Hi team!

I’ve been struggling with setting up a split content widget in page builder on a page and making it look a certain way.

Ultimately what I’d like to see in the text area next to the image of the split content on the live page, is:
– 48px customized icon
– large font title
– normal reading size text
– button with link
>> everything centered

My questions:

1) How can I get the way the text area is set up in this example of wide split content? There is no way to select an icon in the split content widget as far as I see.. The only way I see to get the icon there, is to put an [icon box] shortcode in the text area of the split content widget, which I did. I left the title blank in the split content widget because I wanted the icon to be above the title, like in your example page.
But then you have to add a title below the icon, and how to enlarge or make bold the fonts? The text area in the split content widget doesn’t allow formatting.

2) how can I select my png icon file to show intead of the built in icons? where do I upload it?

3) How can I get the button to align center? The default is to align left. I tried adding a separate button in the split content text area, and so leaving the built in fields for a text button empty, and adding ‘align=center’but that didn’t have any effect.

What am I missing?
Is there a better way to get what I want than through using the split content widget..?
Thanks in advance for your suggestions.
Leila

[Omar Lawson]

Omar Lawson

#106220

Hello. I am having a problem with the sidebar widget area on this website: *Login to see link The League Tables that are in the sidebar used to fit that area ok without having a horizontal scroll-bar to view all the current columns in the widget such as GP W L PTS. After updating the theme template the rows of the League Tables seem to have expanded height-wise. The tables can also feature the team logos as shown on the full league table shown here: *Login to see link but if you notice the sidebar on that page that feature the logos and name of team the logo is not showing beside the name but instead above the name of the team. The full league table which is shown in the main body of the page shows the logo beside the name which leads me to believe the font size of the widget and line height got messed up some how. How can I edit the font size and line height for the rows displayed in the widget if that is even possible by CSS?
Hopefully I explained it clear enough but if you need more info I will try to provide it.

Thanks in advance.

[Omar Lawson]

Omar Lawson

#106220

Hello. I am having a problem with the sidebar widget area on this website: *Login to see link The League Tables that are in the sidebar used to fit that area ok without having a horizontal scroll-bar to view all the current columns in the widget such as GP W L PTS. After updating the theme template the rows of the League Tables seem to have expanded height-wise. The tables can also feature the team logos as shown on the full league table shown here: *Login to see link but if you notice the sidebar on that page that feature the logos and name of team the logo is not showing beside the name but instead above the name of the team. The full league table which is shown in the main body of the page shows the logo beside the name which leads me to believe the font size of the widget and line height got messed up some how. How can I edit the font size and line height for the rows displayed in the widget if that is even possible by CSS?
Hopefully I explained it clear enough but if you need more info I will try to provide it.

Thanks in advance.

[Aleksey]

Aleksey

#106090

Sorry, I was editing header. Now widget area is enabled.
I’m playing around with your CSS example. Hope for success.
Thank you!

[Ben Ritner]

Ben Ritner

#106065

I don’t see the widget area enabled?

Your going to need css like this but I can’t tell you for sure without seeing your page setup.

.kad-header-left {
    width: 100%;
}
.kad-header-widget {
    width: 40%;
    position: absolute;
    top: 0;
    right: 0;
}
.headerclass .container {
    position: relative;
}

Ben

[Ben Ritner]

Ben Ritner

#106055

Hey,
In each page it looks like your using a default page template which has a sidebar. Thing is your sidebar widget area is empty so it’s showing a blank space on the right.

If you don’t want to use a sidebar on your page simply edit the page and change your page template to fullwidth.
http://docs.kadencethemes.com/virtue-premium/fullwidth-page-template/
Ben

[Hannah]

Hannah

#106040

Hey,
You can use the header widget area from Theme Options > Main Settings then you can assign a widget from Appearance > Widgets.
Hope that’s helpful!

Hannah

[Debra]

Debra

#105520

That is a different answer than I got before but it sounds more informed . I just can find that in the widget area ? I notice this has so many types of sliders etc that it gets confusing . So would I put my pictures in the page for images and then change it to a mosiac or masonry through the widgets ? Just double checking . And is this anywhere in the site or on utube or site tutorials?