Search Results for 'sidebar'

[Graeme]

Graeme

#10259

Hi Ben,

many thanks for getting back to me.

As it happens I have downloaded and installed the zip already, and it works – sort of.
Since you ask, I presume I don’t really need to do this for security/upgrade purposes?

What I was really after was an easy way to style the whole site – i.e sidebar widgets.
The mentioned plugin (with upgrade) apparently makes this simple.

Is there a way I can do this with the theme? I can’t find one, and have no idea how to style the widgets, or where the code is kept.

Any help appreciated.

Many thanks,

Graeme.

[Nic]

Nic

#10229

Hi Ben, I installed the latest theme update on 6/8/14 and noticed that my site (*Login to see link ) has changed quite a bit with the theme update. I attempted a few things but I could not easily fix these problems and I wanted to reach out to you before completely changing my site too much.

Here are some of the issues I’ve found after the update:
1) -Primary menu is much further down the page. I decreased the logo spacing in the theme options panel but it did nothing to alleviate the issue.

2) -Homepage blog widget not showing. I have the Latest Blog Posts enabled on the homepage after the page content but this widget is not showing up. I tried to disable and re-enable this but this did not work.

3) -Footer widgets not displaying in their correct footer column. I have the footer style set to three columns and various widgets in each column. It looks like the widgets are all piled into a single footer. I’ve tried to change the footer style and then change it back to 3 columns but this did not work.

4) – No blog posts are displaying as previews. When you go to the blog section (*Login to see link none of the blog posts appear, but you can click on the background and you go to the appropriate blog post.

5) – Primary sidebar displays at the bottom of the page as full page content.

Please let me know if you have any suggestions for fixes on this. Or if this is a larger issue with the update can you please advise on how I can backout the latest update so my site can display how it was prior to the update.

Thanks

[Nic]

Nic

#10229

Hi Ben, I installed the latest theme update on 6/8/14 and noticed that my site (*Login to see link ) has changed quite a bit with the theme update. I attempted a few things but I could not easily fix these problems and I wanted to reach out to you before completely changing my site too much.

Here are some of the issues I’ve found after the update:
1) -Primary menu is much further down the page. I decreased the logo spacing in the theme options panel but it did nothing to alleviate the issue.

2) -Homepage blog widget not showing. I have the Latest Blog Posts enabled on the homepage after the page content but this widget is not showing up. I tried to disable and re-enable this but this did not work.

3) -Footer widgets not displaying in their correct footer column. I have the footer style set to three columns and various widgets in each column. It looks like the widgets are all piled into a single footer. I’ve tried to change the footer style and then change it back to 3 columns but this did not work.

4) – No blog posts are displaying as previews. When you go to the blog section (*Login to see link none of the blog posts appear, but you can click on the background and you go to the appropriate blog post.

5) – Primary sidebar displays at the bottom of the page as full page content.

Please let me know if you have any suggestions for fixes on this. Or if this is a larger issue with the update can you please advise on how I can backout the latest update so my site can display how it was prior to the update.

Thanks

[Colin]

Colin

#10228

Hi Ben

Yep, that makes sense (and the styling CSS works so thanks for that!). And I was so busy looking at the LHS of the page, I hadn’t even noticed the sidebar positioning! Must be a tad too much obsessive compulsive tonight!

I think I’ll see if the client (my wife!) agrees and will code/design accordingly 🙂

All the best,

Colin

[Ben Ritner]

Ben Ritner

#10225

Hey,
The page and the post are (in my option, and per the design of this theme) supposed to look different. They serve different functions so I didn’t create the page to have the same type of title as the post.

In light of that you will notice that your page has the title above the sidebar not beside it like the post.

I you wanted to give a semi transparent background in the box around all the content but don’t want the box layout style to run into the header and footer. I would add this css:

#content, #pageheader > .container {
background: rgba(202,189,180,0.3);
}

Ben

[Colin]

Colin

#10224

Hi Ben – I’ve tied myself in knots!

I did a ‘proof of concept’ styling on a basic post a few days ago – see the semi-transparent background behind the complete post entry and sidebar here:
*Login to see link
I basically hung my styling on the ‘single-article’ class on the div which also has the class reference of ‘row’.

Then I thought I would replicate this on a basic page:
*Login to see link
It had the same div but this time only referenced by ‘row’. Adding the same ‘single-article’ class into the ‘row’ div in what I thought were ‘likely suspect’ template files (into a child theme) didn’t produce the required styling.

First problem was that you use the Roots framework, so tracking down the right template file is not quite as straightforward as usual. But I am sure I could have mastered that for a few minor edits.

More of a problem was comparing the page source of a basic post with that of a basic page. I did what I usually do and constructed a basic div skeleton chart. And the structure of the content zone is totally different. The H1 tag is within the ‘row’ div in the post and outside it (within its own div structure) in the page. And clicking between the post and page does indeed show some differences in the positions of the heading and the start of the body text.

So can I ask which of the two structures is the intended one and thus safer to style to? I’ll probably edit the ‘wrong’ template files to match the ‘right’ ones.

I can email you my single page PDF chart if it helps.

Best wishes, Colin

[Colin]

Colin

#10224

Hi Ben – I’ve tied myself in knots!

I did a ‘proof of concept’ styling on a basic post a few days ago – see the semi-transparent background behind the complete post entry and sidebar here:
*Login to see link
I basically hung my styling on the ‘single-article’ class on the div which also has the class reference of ‘row’.

Then I thought I would replicate this on a basic page:
*Login to see link
It had the same div but this time only referenced by ‘row’. Adding the same ‘single-article’ class into the ‘row’ div in what I thought were ‘likely suspect’ template files (into a child theme) didn’t produce the required styling.

First problem was that you use the Roots framework, so tracking down the right template file is not quite as straightforward as usual. But I am sure I could have mastered that for a few minor edits.

More of a problem was comparing the page source of a basic post with that of a basic page. I did what I usually do and constructed a basic div skeleton chart. And the structure of the content zone is totally different. The H1 tag is within the ‘row’ div in the post and outside it (within its own div structure) in the page. And clicking between the post and page does indeed show some differences in the positions of the heading and the start of the body text.

So can I ask which of the two structures is the intended one and thus safer to style to? I’ll probably edit the ‘wrong’ template files to match the ‘right’ ones.

I can email you my single page PDF chart if it helps.

Best wishes, Colin

[Colin]

Colin

#10212

Just found another setting that didn’t reimport… I had created a second sidebar (‘Secondary Sidebar’ – it’s in the json) under Misc options and that didn’t carry over.

So it does look like my import failed halfway through for some reason. Be interested to know if my json causes that issue on another site though.

Rgds, Colin

[Ben Ritner]

Ben Ritner

#10195

The position of the sidebar is correct. I don’t understand the issue?

Ben

[Sherif]

Sherif

#10194

Yes, no content. Just check the position of the sidebar. I am trying to test every thing, which is good for your too for any future updates to RTL layout 🙂

[Sherif]

Sherif

#10189

Hi Ben,

The sidebar in the RTL is showing below the content.

*Login to see link

Please check it.

[Sherif]

Sherif

#10189

Hi Ben,

The sidebar in the RTL is showing below the content.

*Login to see link

Please check it.

[Ben Ritner]

Ben Ritner

#10159

ok Not in the form in the sidebar… in the plugin settings of contact form 7 where you can edit the shortcode output.

You can just send me a link with a login to [email protected]

Ben

[LYUBOMIR]

LYUBOMIR

#10143

Yes, i add it for the form in sidebar.

[Adriano]

Adriano

#10093

Hi Ben, one last thing.
How do I reduce the space in between the icons?

Have a look at the right sidebar please http://shop.vivilondra.it/prodotto/british-museum-camden-town-e-regents-canal
What to do if I would like to have the icons closer to each other?

Thanks,
Adriano

[Adriano]

Adriano

#10041

Hi, I would like to create a HTML widget containing an icon and some text. I have considered using the Virtue Info Box widget, unfortunately by doing that I wouldn’t have full control of the text formatting such as the style (bold, italic, ecc) or size. Thus, I thought of using a shortcode that calls a particular icon (similar to the iconbox shortcode) within a simple HTML widget. Is this something we can do? Or..is there any simpler way to make an icon and some text work together? Ideally, the icon should be center aligned with the text.

I would like to create a sidebar similar to this (have a look at the left sidebar) > *Login to see link < this is not my site and Im sure does not use Virtue..just want to show what I am trying to do 🙂

Thanks,
Adriano

[Adriano]

Adriano

#10041

Hi, I would like to create a HTML widget containing an icon and some text. I have considered using the Virtue Info Box widget, unfortunately by doing that I wouldn’t have full control of the text formatting such as the style (bold, italic, ecc) or size. Thus, I thought of using a shortcode that calls a particular icon (similar to the iconbox shortcode) within a simple HTML widget. Is this something we can do? Or..is there any simpler way to make an icon and some text work together? Ideally, the icon should be center aligned with the text.

I would like to create a sidebar similar to this (have a look at the left sidebar) > *Login to see link < this is not my site and Im sure does not use Virtue..just want to show what I am trying to do 🙂

Thanks,
Adriano

[LYUBOMIR]

LYUBOMIR

#9900

Hello.
How can i center in sidebar form button and also have full width size form fields (not fixed size).
Thank you

[LYUBOMIR]

LYUBOMIR

#9900

Hello.
How can i center in sidebar form button and also have full width size form fields (not fixed size).
Thank you

[Ben Ritner]

Ben Ritner

#9828

.sidebar .widget_nav_menu ul li {
padding: 0px;
}
.sidebar .widget_nav_menu ul li a {
display: block;
padding: 10px;
}

Try adding this ^

as for the subtitle:

.subtitle {
font-family: lato;
font-weight: 400;
font-size: 14px;
line-height: 20px;
}

Ben

[Alvin]

Alvin

#9821

Dear Ben,

I am new and I am trying to create a dropdown sidebar. Please see my website http://www.onefashionstation.com on the sidebar Coach with sub category shoulder bag.

Could you teach me how to do it?

[Alvin]

Alvin

#9821

Dear Ben,

I am new and I am trying to create a dropdown sidebar. Please see my website http://www.onefashionstation.com on the sidebar Coach with sub category shoulder bag.

Could you teach me how to do it?

[Ben Ritner]

Ben Ritner

#9792

.sidebar .widget_nav_menu ul li a {
font-size:16px;
line-height:18px;
color: #444444;
font-family: lato;
}
.sidebar .widget_nav_menu ul li {
line-height:18px;
padding: 10px 0;
}
.sidebar .widget_nav_menu ul li a:hover {
color:blue;
}
.sidebar .widget_nav_menu ul li.current-menu-item a {
color:red;
}
.sidebar .widget_nav_menu ul li a i {
margin-right:5px;
}

You can add icons just like you would with the primary menu: https://www.kadencewp.com/add-icons-to-your-menu-virtue-theme/

as for the page title:

.page .page-header h1 {
font-family: Lato;
font-weight: 400;
font-style: normal;
font-size: 32px;
line-height: 36px;
color: #4b599f;
}

Ben

[Ben Ritner]

Ben Ritner

#9791

.sidebar .widget_nav_menu ul li a {
font-size:16px;
line-height:18px;
color: #444444;
font-family: lato;
}
.sidebar .widget_nav_menu ul li {
line-height:18px;
padding: 10px 0;
}
.sidebar .widget_nav_menu ul li a:hover {
color:blue;
}
.sidebar .widget_nav_menu ul li.current-menu-item a {
color:red;
}
.sidebar .widget_nav_menu ul li a i {
margin-right:5px;
}

You can add icons just like you would with the primary menu: https://www.kadencewp.com/add-icons-to-your-menu-virtue-theme/

as for the page title:

.page .page-header h1 {
font-family: Lato;
font-weight: 400;
font-style: normal;
font-size: 32px;
line-height: 36px;
color: #4b599f;
}

Ben

[Sherif]

Sherif

#9783

Hi,

Can I just choose a color for the border of the sidebar?

Like this one: *Login to see link

My website is: *Login to see link

[Sherif]

Sherif

#9783

Hi,

Can I just choose a color for the border of the sidebar?

Like this one: *Login to see link

My website is: *Login to see link

[Olga]

Olga

#9782

ok, my next question is about the custom menu i added to this page sidebar. How do i change:

– the menu text font colour, size, face
– the line-hight
– spacing between menu items ( padding)
– menu item hover class
– menu item active class
– add image (custom bullet/icon) next to the menu item link

Also, is it possible to use custom style (font size, colour, font face) for just this page title (and other pages in this section) without affecting product page titles?