Search Results for 'sidebar'

[John]

John

#137079

Hello,

I hope this is an easy fix. The problem is that when I post a link url in Facebook to a page on my WP site (Virtue theme), the thumbnail images do not automatically load up. This is important to me because I am hoping that others will share my post on social media, and the thumbnail image is critical to the visibility and attractiveness of the post.

I’ve gone to the page in question, and set an image as the feature image (in the right sidebar of the editing page), but it still doesn’t load in Facebook.

Could you help me to troubleshoot this issue?

Thanks, John

[John]

John

#137079

Hello,

I hope this is an easy fix. The problem is that when I post a link url in Facebook to a page on my WP site (Virtue theme), the thumbnail images do not automatically load up. This is important to me because I am hoping that others will share my post on social media, and the thumbnail image is critical to the visibility and attractiveness of the post.

I’ve gone to the page in question, and set an image as the feature image (in the right sidebar of the editing page), but it still doesn’t load in Facebook.

Could you help me to troubleshoot this issue?

Thanks, John

[Ben Ritner]

Ben Ritner

#137006

You don’t need a template to have page without a sidebar. You can set that in your pages settings by turning the sidebar off.

If you want fullscreen width then you would use page-builder and set the row to fullwidth stretched.

Ben

[Hannah]

Hannah

#136951

Hi Kati,
That pulls from your h3 settings set in Theme Options > Typography. Or if you only want to change the sidebar h3 you can use this css:

.sidebar h3 {
    font-size: 18px;
    line-height: 20px;
}

Just paste that into your custom css box in Theme Options > Advanced Settings.

Hannah

[Greg]

Greg

#136944

Ok, yeah that is in there already. So, my issue is still that the Post pages sidebar is too low as well as the content below the Post titles.

[Hannah]

Hannah

#136909

I’m not seeing the last bit of css I gave in your code. Did you remove it? Adding that should align your sidebar in your posts. Is this not the case for you?

Hannah

[Greg]

Greg

#136832

Thanks that does fix where the title on the Post pages sits and that’s great. However, the sidebar on the Post pages is still too low and the content below the title is too low as well. I am sure we’re close – are there two more small fixes?

[Greg]

Greg

#136825

I sdjusted the bottom code to ” margin-top: -77px” and it’s pretty much perfect from the main page to the other pages, but the Posts pages and their Sidebars are still down a few from the main page and the other pages. Is there a code to target the Posts specifically?

[Hannah]

Hannah

#136814

So I’m going to suggest removing this:

@media (min-width: 992px) {
.page-parent aside#ktsidebar {
margin-top: auto;
}
}
h1.entry-title {
margin-top: 30px;
}

And pasting this in its place (there is an intentional extra bracket to close out the media query):

.page-parent aside#ktsidebar {
    margin-top: -75px;
}
}

Let me know how that works!

Hannah

[Greg]

Greg

#136796

Sure, this is what’s in there right now Hannah:

.page-header {
border: 0;
}

.topbarmenu ul li a {
font-size: 19px;
}

.sidebar .form-search {
max-width:100%;
}

.widget_recent_entries .widget-inner li a:before {
display:none;
}

@media (min-width: 992px) {
.page-header {
width: 74%;
float: right;
}

@media (min-width: 992px) {
.page-parent aside#ktsidebar {
margin-top: auto;
}
}

h1.entry-title {
margin-top: 30px;
}

[Kevin]

Kevin

#136760

Hey Kati,

Can you please share a link to your site so that I can see what you’ve got in your sidebar?

Thanks,
Kevin

[Kati]

Kati

#136741

Hello,
how can I change the font-size in the sidebar-widget? I want to make the menu titel smaller in a custom sidebar.
I would be happy for some advise.
Thank you!
Kati

[Kati]

Kati

#136741

Hello,
how can I change the font-size in the sidebar-widget? I want to make the menu titel smaller in a custom sidebar.
I would be happy for some advise.
Thank you!
Kati

[Greg]

Greg

#136733

Sorry Hannah – it’s still a bit of a mess with the inconsistencies between the three different page types. The main page is better, but I’d like everything to be consistent from page to page including the top of the items in the sidebar and the titles. Any further thoughts – and thanks.

[Hannah]

Hannah

#136689

You can use this css to set an active color:

.sidebar .current-menu-item a {
    color: #999 !important;
}

and this will set the font, size and color:

.sidebar ul#menu-edc a {
    color: #333;
    font-size: 15px;
    font-family: sans-serif;
}

Hope that helps!

Hannah

[Mike]

Mike

#136676

I have a Custom Menu situated in the sidebar on select pages of one of my sites. Is there a way via custom CSS (or otherwise) to set the active font color like I can with the primary and secondary menus? Actually, is there a way to customize the font size, style, or color for custom menus in the sidebar in general? Thanks!

[Mike]

Mike

#136676

I have a Custom Menu situated in the sidebar on select pages of one of my sites. Is there a way via custom CSS (or otherwise) to set the active font color like I can with the primary and secondary menus? Actually, is there a way to customize the font size, style, or color for custom menus in the sidebar in general? Thanks!

[Hannah]

Hannah

#136637

Try changing this css:

@media (min-width: 992px) {
aside#ktsidebar {
    margin-top: auto;
}
}

to this:

@media (min-width: 992px) {
.page-parent aside#ktsidebar {
    margin-top: auto;
}
}

Does that work for you?

Hannah

[Greg]

Greg

#136592

I adjusted your code (see below) and it works almost perfectly. Everything is balanced up but I need to be able to nudge the Page Title text down a wee bit to have it on the same horizontal as the Post Title text. Is that an easy add?

@media (min-width: 992px) {
.page-header {
width: 74%;
float: right;
}
aside#ktsidebar {
margin-top: -55px;
}
}

[Ben Ritner]

Ben Ritner

#136590

You can also use pagebuilder and create a “column” where you add sidebar content.

Ben

[Hannah]

Hannah

#136588

Try adding this css:

@media (min-width: 992px) {
.page-header {
    width: 75%;
    float: right;
}
aside#ktsidebar {
    margin-top: -100px;
}
}

You may need to adjust the margin-top based on your page title height.
Does that work for you?

Hannah

[Hannah]

Hannah

#136556

Do you mean in the sidebar? You can use this css:

.sidebar .widget-first {
    font-size: 15px;
    color: #999;
}

Hope that helps!

Hannah

[Hannah]

Hannah

#136532

Hey James,
Unfortunately there isn’t a built in option to make the sidebar sit above the content in mobile. A workaround would be to add these widgets to the content area of your page and use css to hide it when on desktop. Then you could also use css to hide the sidebar on mobile. Would that work for you?

Hannah