Search Results for 'sidebar'

[AJ]

AJ

#88169

So I’m trying to make my blog page look a bit better (even though the blogs are so old!) But my changes don’t seem to be working.

*Login to see link

I changed the settings in Theme Options to display a grid type layout, but nothing happened, except the sidebar disappeared!

Also, the ‘Share Now’ buttons are appearing at the top of the page, instead of the bottom.

Any suggestions on making it work would be appreciated. 🙂

[AJ]

AJ

#88169

So I’m trying to make my blog page look a bit better (even though the blogs are so old!) But my changes don’t seem to be working.

*Login to see link

I changed the settings in Theme Options to display a grid type layout, but nothing happened, except the sidebar disappeared!

Also, the ‘Share Now’ buttons are appearing at the top of the page, instead of the bottom.

Any suggestions on making it work would be appreciated. 🙂

[Ben Ritner]

Ben Ritner

#88151

Hey,
excerpt_more is a filter for a normal excerpt if you’re using a custom excerpt then it won’t show. You would need a function like this:

function manual_excerpt_more( $excerpt ) {
	$excerpt_more = '';
	if( has_excerpt() ) {
    	$excerpt_more = '&nbsp;<a href="' . get_permalink() . '" rel="nofollow">[Read more]</a>';
	}
	return $excerpt . $excerpt_more;
}
add_filter( 'get_the_excerpt', 'manual_excerpt_more' );

1.
You can add a background like this (note search has no title):

.sidebar .widget h3 {
    background: blue;
    color: white;
    padding: 5px 10px;
}

Widgets already have a 30px spacer.

You can add a border with this:

.sidebar .widget h3 {
    background: blue;
    color: white;
    padding: 5px 10px;
    margin-top: 0;
}
.sidebar section.widget {
    border: 1px solid #444;
}

I am assuming you will remove all the css you added currently.

Ben

[Hannah]

Hannah

#88136

Hey Mark,
You can create a sidebar from Theme Options > Misc Settings, then from Appearance > Widgets you can add content to that sidebar. The page you linked to is using the pinnacle: recent posts widget. Then in your blog edit page you should see a Sidebar Options tab (if you don’t see this you may need to select it from the Screen Options tab on the top right of the page). There you can enable the sidebar and select the one you have created.
Hope that helps!

Hannah

[Mark]

Mark

#88130

Dear Sir/ Madam,

I would like a very simple sidebar made for my website – pretty much identical to the one you are currently utilising on the following webpage: *Login to see link

The page i wish to attach it to is: *Login to see link

Thanks very much for your help as always! I am nearly there 🙂

Cheers,

Mark

[Mark]

Mark

#88130

Dear Sir/ Madam,

I would like a very simple sidebar made for my website – pretty much identical to the one you are currently utilising on the following webpage: *Login to see link

The page i wish to attach it to is: *Login to see link

Thanks very much for your help as always! I am nearly there 🙂

Cheers,

Mark

[Jalinous]

Jalinous

#88111

Thank you, Kevin.

Regarding Point#1:
Please take a look at this website to help me explain what I want to do:

http://www.mouser.com/

Please keep in mind that I still want to keep my sidebar on the right side.
As you can see on this website:
1) the title of each widget in the sidebar has a background color
2) the widgets are separated from each other by some space.
3) each widget has a border line.

This is the styling I would like to have for my sidebar on each page.

FYI: I would like to use on each page a different sidebar (I create the sidebars using “Create Custom Sidebars” in Virtue Premium).

Thank you very much,
Jay

[Sharon]

Sharon

#88074

I don’t believe I am using any mobile template for any page. I am using default template mostly, with 1 page sidebar, 2 blog, 1 blog grid. And a “mobile template” is not even listed. I am sorry. I am not sure what you are referring to.

I looked on my phone at your link showing standard mobile layout and it looks much like my full site mobile view, not the mobile version view. It’s the mobile view on the phone that has lots of missing things. Is that supposed to be the way the “mobile view” works? At the bottom of the page on my phone I can click “full view site” and it looks like your example except for one thing below…

And on the full view on the phone the menu nav only has home and search there. Maybe this has something to do with the css code you gave me for making a sticky menu bar for computer/desktop view.

[Jalinous]

Jalinous

#87955

Hi Ben,

Can you please help me with the following. Here is the link to the page: *Login to see link

1) I have been trying to write some css code for the sidebar and the widgets in the sidebar to style the borders, separation lines, color, box sizes and the background colors. However, I am still having issues with identifying the specific selectors for the sidebar. I identified some and have used them but it is not what I want. Please take a look at the link above so you can see the current sidebar styling. It doesn’t look good. please send me the correct selectors and I will try to figure out the rest myself.

2) I would like to add a “[read more]” at the end of each post excerpt. Can you please let me know how to add it? I looked at Virtue Premium under blog options but I couldn’t find it.

Thank you very much,
Jay

[Jalinous]

Jalinous

#87955

Hi Ben,

Can you please help me with the following. Here is the link to the page: *Login to see link

1) I have been trying to write some css code for the sidebar and the widgets in the sidebar to style the borders, separation lines, color, box sizes and the background colors. However, I am still having issues with identifying the specific selectors for the sidebar. I identified some and have used them but it is not what I want. Please take a look at the link above so you can see the current sidebar styling. It doesn’t look good. please send me the correct selectors and I will try to figure out the rest myself.

2) I would like to add a “[read more]” at the end of each post excerpt. Can you please let me know how to add it? I looked at Virtue Premium under blog options but I couldn’t find it.

Thank you very much,
Jay

[Grace]

Grace

#87952

Well, everything seems dotted and crossed. And the last entry is working. Here is all the css I’ve collected….

/* black background for slider */

.home .sliderclass {
background:black;
padding-bottom:16;
}

.home .contentclass {
padding-top: 0;
}

/* float logo and menu towards centre */

#nav-main ul.sf-menu {
float: left;
}

@media (min-width: 1200px) {
#logo {
float: right;
}
}

/* move menu under header for tablet size */

@media (max-width: 991px), (device-width: 768px) {
#mobile-nav-trigger {display:none;}

#thelogo {
text-align: center;
}

#nav-main ul.sf-menu, .nav-main ul.sf-menu {
display: block;
float: none;
text-align: center;
}

#nav-main ul.sf-menu li {
float:none;
display:inline-block;
}
}

@media (max-width: 767px) {
#mobile-nav-trigger {display:block}

#nav-main ul.sf-menu, .nav-main ul.sf-menu {
display: none;
}
}

/*increase space between icon and title*/

.home-iconmenu .home-icon-item h4 {
margin-top: 20px;
}

/*larger title in custom carousel*/

.home .custom_carousel_details h5 {
font-size: 20px;
}

/*remove hover effect from item menu*/

.home-iconmenu a, .home-iconmenu:hover .home-icon-item:hover {
background: transparent;
}
.home-iconmenu .home-icon-item:hover p {
color: #000;
}
.home-iconmenu .home-icon-item:hover h4 {
color: #000;
}

/*customize spacing between home page items*/

.home-custom-carousel-wrap {
padding-bottom: 50px;
padding-top: 25px;
}

.home-padding:first-child {
padding-bottom: 0;
}

/* independent font sizes for sidebar */

.sidebar h3 {
font-size: 24px;
}
.sidebar {
font-size: 14px;
}

/* font sizes for image menu */

@media (min-width: 760px) and (max-width: 991px){
.image_menu_message h4 {
font-size: 12px;
}

.image_menu_message h5 {
font-size: 10px;
}
}

.image_menu_message h4 {
line-height: normal;
}

@media (max-width: 767px){
.image-menu-image-size {
padding-top: 10px;
}
}

/*make product price bigger*/

.single-product .summary .price {
font-size:30px;
}

/*search bar and shopping cart on right*/

.kad-topbar-left {
width: auto;
}

.kad-topbar-right {
width: auto;
float: right;
}

/*topbar font colours*/
#topbar-search input[type=text], #topbar-search #searchsubmit, .topbarmenu ul li a {
color: #A8A8A8;
}
#topbar-search .form-search ::-webkit-input-placeholder {
color: #A8A8A8;
}
#topbar-search .form-search :-moz-placeholder {
color: #A8A8A8;
}
#topbar-search .form-search ::-moz-placeholder {
color: #A8A8A8;
}
#topbar-search .form-search :-ms-input-placeholder {
color: #A8A8A8;
}

/*footer fonts*/

.footerclass {
font-size: 14px;
}

#containerfooter h3 {
font-size: 18px;
font-weight: bold;
}

#containerfooter .menu li a {
background: none;
}

#containerfooter .menu li a {
line-height: 14px;
}

/*woocommerce drop down font*/

.product_value .select2-container .select2-choice>.select2-chosen {
font-size: 16px;
font-weight: 400;
text-transform: none;
font-family: Lato;
}

/*testimonial widget*/

.testimonialimg {
display: none;
}

home-widget-box h3 {
text-align: center;
}

home-widget-box {
background: #999999;
padding: 20px;
}

.home-padding {
padding: 25px 0 75px;
}

[Ben Ritner]

Ben Ritner

#87870

Hey,
1. Post a link?
2. ^
3. ^
4. You can set a featured image in each post, or if you want to change the defualt it’s an icon made with a font not an iamge so do you have a custom font uploaded?
5. Sure what size?
6. Yes
7. Can you clarify the theme version?
8. If you set the order by to menu order then you can set a custom order using the post attributes order number.
9. Are you using a child Theme? add this into the functions.php of a child theme:

add_filter('kadence_display_sidebar', 'kt_testimonial_post_sidebar');
function kt_testimonial_post_sidebar($sidebar) {
  if (is_singular('testimonial') ) {
    return false;
  }
  return $sidebar;
}

Ben

[Grace]

Grace

#87832

9. Remove sidebar from individual testimonial pages.

[AJ]

AJ

#87801

Ok, so I put the JS into Settings >>> Headers and Footers box. Cleared site and browser cache. Nothing changed. The sidebar still scrolls with the page and doesn’t stay in place.

The JS does break the website, however. With it in the Footer, my Virtue Lightboxes and Tabs no longer work, so I had to delete the script from the Footer Settings box.

🙁

[Ben Ritner]

Ben Ritner

#87783

Hey,
You can’t make mobile “exactly” like computer. It’s not the point of a responsive theme. The theme’s code is responsive to screen size and the layout breaks down as you access on smaller devices. This is for better mobile browsing (no zooming in and out) and it’s also important for mobile SEO. The text doesn’t shrink as you screen breaks down. That is key. I really suggest you consider what’s more valuable in terms of mobile traffic.

So can you have two columns on mobile? absolutely. Should you try to make the space on mobile for all your content and a sidebar.. no. really really no.

But If you want to experiment with the code I can let you try and force something like that. (but again this will not look good because text remains the same size as desktop).

In terms of the link you posted? That isn’t a responsive site so simple put. No you can’t do that with a responsive theme. And more then that I would strongly encourage you to look around at articles for how bad that is for your site to not be mobile friendly.

Ben

[Alexander]

Alexander

#87740

Hi, Ban.
How can I have the sidebar on the left? Currently there are just 2 options available: without sidebar or with that on the right.

Thanks
Alexander

[Ben Ritner]

Ben Ritner

#87703

Hey,
You can remove the sidebar in two ways:

With css you can add this into the theme options > advnaced settings:

.search-results #ktsidebar {
    display: none;
}
.search-results .main {
    width: 100%;
}

Or using a child theme you can hook into it with the functions.php file of your child theme.

add_filter('kadence_display_sidebar', 'search_sidebar');

function search_sidebar($sidebar) {
  if (is_search()) {
    return false;
  }
  return $sidebar;
}

Ben

[Diana]

Diana

#87695

But I absolutely don’t want to have a sidebar there. And I can’t find a way around the problem 🙁

Could something be changed in the “content-searchresults.php”? (Don’t know enough php to solve this).

By the way, my categories appear at the top of the page. That’s sufficient. And the messages “nothing found” appear on the page itself. So a sidebar is absolutely NOT necessary.

[Ben Ritner]

Ben Ritner

#87676

Hey
There search results page has a sidebar. You’re seeing a blank empty area on the right because there isn’t any sidebar widgets added to the primary sidebar.
Sidebars on search pages can be a really helpful place to add navigation or categories or archives since a person using a search is clearly looking for something and it’s possible they don’t know the correct terms to search.

Ben

[Ben Ritner]

Ben Ritner

#87668

In your footer scripts. Or in a text widget in your footer add this js:

<script type="text/javascript">
jQuery(document).ready(function ($) {
if($(window).width() > 992){
var topOffset = $('body').hasClass('admin-bar') ? 32 : 0;
var bottomOffset = $('#containerfooter').height() + 30;
$('.sidebar').sticky({topSpacing:topOffset, bottomSpacing:bottomOffset, getWidthFrom:".kad-sidebar"});
}
});
</script>

Ben

[AJ]

AJ

#87619

Eeek, completely forgot about this!

Ideally, we’d want the sticky sidebar site wide. But of most importance, would be this page:

http://www.ckmartialhearts.com/shaolin-temple-pricing/

As that’s the page with an actual tool in the side bar that would be useful to people being onscreen all the time.

Though, I’m not entirely clear on your answer. Are you saying it is possible, or it isn’t?

Apologies as always for my ignorance. 🙁

[Glenn]

Glenn

#87554

OK, I have a question regarding this too… I’m not asking for a sidebar, but I would really like the map down the right side instead of across the top.

[Hannah]

Hannah

#87533

Hey Anamaria,
You can enable whatever you like above Page Content in Theme Options > Home Layout. Page Content determines where your blog post display. So if you want to use page builder you can enable the home widget area then from Appearance > Widgets you can add a layout builder widget to your home widget area. You can enable a slider from Theme Options > Home Slider
If you want this content to be above the sidebar that would require setting your page as a static page (setting > reading) and using page builder to create a sidebar-like look with columns then add your blog posts in the larger column via shortcodes. Does that make sense?

Hannah