Search Results for 'sidebar'

[Ben Ritner]

Ben Ritner

#221494

That is in your theme options > custom css.

This section:

.panel-grid-cell .widget-title {
    font-size: 20px;
    background: #00aeef;
    color: white;
    line-height: 20px;
    padding: 8px;
    font-weight: 200;
    display: inline-block;
}
.sidebar .widget-title span {
    background: transparent;
    padding: 0;
}
.sidebar .widget-title{
font-size: 20px;
    background: #00aeef;
    color: white;
    line-height: 20px;
    padding: 8px;
    font-weight: 200;
    display: inline-block;
margin-bottom: 10px;
}

Change both : background: #00aeef;

[Hannah]

Hannah

#221384

Yes, you have an open media query here:

@media (min-width: 992px) {
aside#ktsidebar {
width: 30%;
}

You just need to add a clsoing bracket.

Hannah

[pdyoko]

pdyoko

#221382

Nope … it didn’t work.

Hannah, could there be something else in my custom css that restricting this additional code?

.home_blog h3.hometitle {
text-align: left;
font-size: 26px
}

.sidebar {
background: #F5F5F5;
padding: 30px;
font-size: 14px;
font-weight: 300;
}

.home_blog_title h5.entry-title {
font-size: 28px;
font-weight: 700;
font-color: #000000
}

.entry-content p {
font-size: 18px;
line-height: 30px;
}

#containerfooter p {
font-size: 13px;
}

.type-post .entry-title, .type-page .entry-title {
font-size: 35px;
color: black;
}

ul.sf-dropdown-menu.dropdown span {
font-size: 16px;
}

.topbar-widget .virtue_social_widget {
text-align: right;
}
.topbar-widget .virtue_social_widget a {
float: none;
display: inline-block;
}

a {color:#dd9933;}

/*change border color #6e6e6e and shadow color #ccc to any color of your choice */
.post img {
border:0px solid #6e6e6e;
box-shadow: 10px 10px 5px #6e6e6e;
-moz-box-shadow: 10px 10px 5px #6e6e6e;
-webkit-box-shadow: 10px 10px 5px #c6e6e6e;
-khtml-box-shadow: 10px 10px 5px #6e6e6e;
}

#containerfooter .virtue_social_widget.clearfix {
display: inline-block;
}
#containerfooter .widget-first {
text-align: center;
}

div#kt_slider_home {
border: 0px solid #6e6e6e;
box-shadow: 10px 10px 5px #6e6e6e;
-moz-box-shadow: 10px 10px 5px #6e6e6e;
-webkit-box-shadow: 10px 10px 5px #6e6e6e;
-khtml-box-shadow: 10px 10px 5px #6e6e6e;
}

@media (min-width: 992px) {
aside#ktsidebar {
width: 30%;
}
.main.col-lg-9.col-md-8 {
width: 70%;
}
.custom_carousel_item .ccarousel_excerpt {
padding: 0 10px 10px;
min-height: 0;
}
#home-custom-carousel .custom_carousel_item {
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background: transparent;
}

@media (min-width: 992px) and (max-width: 1200px) {
.col-md-6.clearfix.kad-header-left {
width:35%;
}
.col-md-6.kad-header-right {
width: 65%;
}
}

[Vitor]

Vitor

#221379

Hello, there is the possibility of creating different sidebars for different categories of Woocommerce. For example, in category A, I need to put specific content in text and image that explains category A, already in category B, I need the text and image to be in B.

Creating the sidebars in Virtue I already use and I do, the problem is where I will adjust for that sidebar to appear, because in the administration of each category does not have space for this.

Can you help me? Thank you!

[Vitor]

Vitor

#221379

Hello, there is the possibility of creating different sidebars for different categories of Woocommerce. For example, in category A, I need to put specific content in text and image that explains category A, already in category B, I need the text and image to be in B.

Creating the sidebars in Virtue I already use and I do, the problem is where I will adjust for that sidebar to appear, because in the administration of each category does not have space for this.

Can you help me? Thank you!

[Ben Ritner]

Ben Ritner

#221277

In your theme options > custom css box add this:

@media (min-width: 992px) and (max-width: 1040px){
    .products .kad_product {
        width: 33.33%;
    }
}

Let me know if that is what you are looking for. That is going to target tablets in landscape which is the only screen size where I could see your products overlapping because of your column settings connected with the sidebar.

If that doesn’t target what you want could you then please post a screen shot?

Ben

[Kevin]

Kevin

#221155

Hello,

You can find this in Settings> Discussion, in your admin sidebar.

does that help?

-Kevin

[Kevin]

Kevin

#221045

This seems to be the default behavior for sidebar links. You can override with this CSS:

.sidebar a {
    color: #590000;
}

.sidebar a:hover {
    color: #2d5c88;
}

Add to Theme Options> Custom CSS, and let me know if it works for you.

-kevin

[Grace]

Grace

#221044

Hi!

Here is the page *Login to see link

For some reason, the link color in the sidebar don’t match the links in the main content area…. How do I make them match?

Thanks!
Grace

[Grace]

Grace

#221044

Hi!

Here is the page *Login to see link

For some reason, the link color in the sidebar don’t match the links in the main content area…. How do I make them match?

Thanks!
Grace

[fabyreillydesigns]

fabyreillydesigns

#221032

Hi Kevin, I’ve just tried it, and the sidebar did reappear, but the page itself was blank – I lost all the blog posts… So I assigned it back for now. Where am I supposed to assign it from, if not from there…?

[fabyreillydesigns]

fabyreillydesigns

#221029

Hi, I updated to the latest Pinnacle Premium version (2.3.9) and since then the side bar on my Blog main page (*Login to see link is no longer displaying. It seems fine on actual blog posts (eg. *Login to see link
I haven’t changed anything in settings. It’s just gone and I can’t figure how to get it back. Just in case, I’ve checked the actual page settings and it’s set to side bar.
Thanks for your help!
Faby

[fabyreillydesigns]

fabyreillydesigns

#221029

Hi, I updated to the latest Pinnacle Premium version (2.3.9) and since then the side bar on my Blog main page (*Login to see link is no longer displaying. It seems fine on actual blog posts (eg. *Login to see link
I haven’t changed anything in settings. It’s just gone and I can’t figure how to get it back. Just in case, I’ve checked the actual page settings and it’s set to side bar.
Thanks for your help!
Faby

[mariella.molina]

mariella.molina

#220997

Hello,

In the Ascend Premium Theme, Product archieve page, is it possible to have the checkbox filter? I want to replace the current sidebar filter to a checkbox, that customer can select certain categories and display the products that matches that categories.

Many thanks.

[mariella.molina]

mariella.molina

#220997

Hello,

In the Ascend Premium Theme, Product archieve page, is it possible to have the checkbox filter? I want to replace the current sidebar filter to a checkbox, that customer can select certain categories and display the products that matches that categories.

Many thanks.

[Joseph]

Joseph

#220885

Thanks Ben,

The child theme seems to be a good way of getting the fonts into the web site. I still do not have everything correct?

I downloaded the virtue_premium_child zip files. I modified the style.css in the virtue_premium_child to include my-icons. I added a fonts folder to the virtue_premium_child folder and placed my-iccons.svg .eot .ttf and .woff files. I then created my version of the virtue_premium_child.zip. went into appearance->themes and uploaded my child theme, activated it. I added a shortcut to my page

[icon my-icons=noun_correlation size=40px style=circle color=#fff background=#444]

The home icon appears in the place of my noun_correlation
here is the style.css contents.

/*
Theme Name: Virtue Premium Child
Theme URI: http://example.com/virtue-premium-child/
Description: Virtue Premium Child Theme
Author: John Doe
Author URI: http://example.com
Template: virtue_premium
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout
Text Domain: virtue-child
*/

/* Theme customization starts here
————————————————————– */@font-face {
font-family: ‘my-icons’;
src: url(‘fonts/my-icons.eot?swjtpn’);
src: url(‘fonts/my-icons.eot?swjtpn#iefix’) format(’embedded-opentype’),
url(‘fonts/my-icons.ttf?swjtpn’) format(‘truetype’),
url(‘fonts/my-icons.woff?swjtpn’) format(‘woff’),
url(‘fonts/my-icons.svg?swjtpn#my-icons’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

[class^=”icon-“], [class*=” icon-“] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: ‘my-icons’ !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-noun_statistics:before {
content: “e900”;
}
.icon-noun_correlation:before {
content: “e901”;

[Ben Ritner]

Ben Ritner

#220627

Hey,
I pushed out an update that will likely fix this. Basically, if you were setting your blog page by using the settings > reading and defining a page as the “posts” page that overrides any template setting you set in the page. Because it doesn’t use the template you set it uses it’s own custom “home” template. The home template was set to show with a sidebar.

I added in some hooks in the latest update which makes the sidebar respond more like a page and you can better turn it off when you have set the settings > reading.

In terms of image size, you would have to use a filter in a custom child theme to change the ratio of the “portrait” images. You can edit the “landscape” images from within the post by setting the max width and max height.

Example code:

add_filter('kt_post_excerpt_image_width_portrait', 'custom_portrait_image_width' );
function custom_portrait_image_width( $width ) {
return 300;
}
add_filter('kt_post_excerpt_image_height_portrait', 'custom_portrait_image_height' );
function custom_portrait_image_height( $height ) {
return 400;
}

Ben

[nedra.rezinas]

nedra.rezinas

#220621

Hi — I have my blog page set to “do not show sidebar,” but my list of posts is still only at 75% width. Is there a setting I can change to make the list of posts appear at full width, or will I need to hack the CSS?

Additionally, is there a way to change the size and aspect ratio of the featured images as they appear (in “portrait” format) in the list of posts?

[nedra.rezinas]

nedra.rezinas

#220621

Hi — I have my blog page set to “do not show sidebar,” but my list of posts is still only at 75% width. Is there a setting I can change to make the list of posts appear at full width, or will I need to hack the CSS?

Additionally, is there a way to change the size and aspect ratio of the featured images as they appear (in “portrait” format) in the list of posts?

[Steve]

Steve

#220584

Ok and sidebar on the right of the page listed above, read more how can I get that to navigate to another page to the one it’s going to and cannot do it under Appearance > Widgets >Sidebar

[Ben Ritner]

Ben Ritner

#220581

Hey,
I don’t see the title on the single page you linked to: https://www.canadians4pr.org/testimonial/grace-law/

So if you are talking about another page please link to it.

You can use a testimonial shortcode and place that in a page with a sidebar.

[testimonial_posts items="12" columns="3"]

Ben

[Hannah]

Hannah

#220567

Hey Steve,
You can edit your sidebar content from Appearance > Widgets.

Hannah

[Steve]

Steve

#220566

Ignore, found out how to do that but struggling to find the sidebar area to edit the content

[Grace]

Grace

#220520

Hmmm… the title is still there….

I thought that clicking on an item in the testimonial grid or carousel would open the single posts, but it looks like it doesn’t, but just in case.

Also, is it possible to include the sidebar on a testimonial page?

Thanks!

[Hannah]

Hannah

#220404

Hi Pam,
Oh gosh, that sounds super frustrating! But glad it’s working! You should be able to add a parallax effect to a sidebar page the same way as any other page. Does this not work for you?

Hannah