Hi,
On my blog grid page, I am trying to make the first post double the size of the other posts. My settings are a 2 column grid with a sidebar.
I did not have much of a problem accomplishing this using this css:
#kad-blog-grid .kad_blog_item:first-of-type {width: 100%;}
#kad-blog-grid .kad_blog_item:first-of-type img {width: 100%;}
However now the following posts do not follow the 2 column grid and only one post per row is being displayed. I adjusted the width of these posts to well under 50% to ensure it was not an issue with overflow. How can this be fixed to display as normal while still keeping the full width first post?
Yes, for example in the about me page make sure you are using the sidebar template. Then choose which sidebar you want to show. http://docs.kadencethemes.com/virtue/#sidebarpage
Ben
Hi, I created sidebars in Misc settings. And I added the widgets to them. I would like to assign now a sidebar to Home page (primary sidebar), and other sidebar to the blog post page, an other one to the about me page. Is there any way to do this?
Thanks.
Sure, add this to your custom css box in theme options > advanced settings:
.sidebar .widget-inner li {
border-bottom: none;
}
.sidebar {
margin-left: -15px;
}
Hannah
This reply has been marked as private.
Hi Hannah,
Yes, it is just for the basic search widget that comes with the theme.
I just wanted the text “SEARCH” to be all uppercase, and the code did that. Although once I started typing and entering text in the box, that became all upper case as well, I was hoping the case of the typed in text wouldn’t be affected.
I have also added to the code, to change the font-size and font colour. I was able to change the font size. I wanted to change the font colour of the text “SEARCH”, but the code that I came up with changed the colour of the typed in text instead.
.sidebar .form-search .search-query {
background-color: #F9F9F9;
text-transform: uppercase;
font-size: 20px;;
color: #10C1BC;
}
You’re right, I’m not seeing much of anything in your site. Have you actually created a homepage? Where did you select the sidebar to be shown from?
Hannah
This reply has been marked as private.
I was able to change the border of the search box in the sidebar, but unable to figure out how to:
1. Change the background colour
2. Transform the text “Search” into all uppercase.
Thanks!
.sidebar h3 {
text-transform:uppercase;
}
Add that in the theme options > advanced settings.
Ben
I am wondering how to change the text of the sidebar headings (Recent Posts, Archives) to be all in uppercase.
Thanks!
Hey Renae,
You can add this css:
@media (min-width: 900px) {
.sidebar {
margin-top: -107px;
}
}
Just keep in mind if you ever add anything else to your sidebar you’ll want to remove this as it probably won’t look right.
Hannah
Hi,
I have set up a menu for a sidebar that I want to use as my site’s navigation. Therefore I have not created a main navigation. I have set the home page to have a sidebar and have chosen the custom sidebar that I put the custom menu in, but still nothing is showing up…what would I need to change?
Thank you for your support.
Hello,
My site renaemoyers.com
Is it possible to vertically align the rt sidebar widget text with my page title?
Renae
You can’t because you can’t place an widget inside a theme accordion. You can add an accordion to your sidebar through the visual editor widget but you can’t place widgets inside that.
Ben
I was wondering if it would be possible to layout the sidebar as an accordion.
I have already set an accordion, I just can’t figure out how to add the content in each block (“Recent Posts”, “Recent Comments”, “Archives”).
Thanks!
Hello again,
1. This css will affect the sidebar title:
.sidebar h3 {
font-size: 14px;
color: #9dbc2b;
}
And this the body:
.sidebar {
font-size: 14px;
color: #9dbc2b;
}
Just paste those in your custom css box in theme options > advanced settings.
2. Try adding this css:
.home-widget-box h3 {
color: #9dbc2b;
}
3. Answered here- https://www.kadencewp.com/support-forums/topic/site-name-and-tagline-covering-image-on-mobile-device/
Hannah
Hello,
My site is renaemoyers.com I have 3 issues:
I’m trying to change the font size (to 14) and color (to green 9dbc2b) of the contact info in the right sidebar widget on the pages that have a sidebar.
I would also like to change the font color (to green 9dbc2b) of the home widget line (contains contact info) on my landing page.
My header looks good on a reg sz computer screen, but on a mobile device, the site name and tagline text covers my headshot. I loaded my headshot as a header background image (which is probably the problem), and am using the site name/tagline as my logo. Is there another way to have my headshot image in the header, preferably on the right side, and my site name and tagline next to it without running over each other on a mobile device?
Thanks for your help,
Renae
Hello,
I just added the Adsense code GoogleAdsense told me to put in my site, when I see the frontpage, the ad is over other sidebar widgets.
The link is Link
and the code that I added in the “Visual Editor” widget is:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- first ad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4223950653546264"
data-ad-slot="3427211035"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
My question is why the ad is showing over the other content and, do you recommend a plugin to show these ads?
Thanks.
Hi,
I want my main side bar to show on each product page. I can to this by changing it individually. The options for “Display Sidebar?” are default, no & yes. How can I set the default to Having the sidebar on?
Any help is greatly appreciated.
Dave