I started to use this theme and I like it very much.
One problem I was not able to figure out is the social links.
When I use the theme editor it’s there. When I load the website from tablet or phone browser it’s there, works correctly!
But when I load the website from browser, it’s not there ?????♂? Neither in full screen nor if I resize the window to use the tablet/phone responsive CSS. It’s not there if I reload with small browser size as well.
Am I doing something wrong? (my site can be found here: https://teslablog.hu/, social links should be in the bottom of the sidebar)
Another question (although I’m not sure if it’s a theme or WordPress question) is that when the Twitter icon and references will be replaced to ??? ??
]]>So I was playing with a Front Page template that had a query loop showing one full post (the most recent one), and then a query loop showing the four excerpts.
Problem is, when including Post Content in that first query loop, the post content displays in the editor but does not display on the published Front Page. In fact, in the source, it goes right from Post Title to Post Date, and gives no indication that there ever should have been Post Content in there.
]]>My WordPress site has developed a problem in that text blocks are not wrapping around image blocks anymore as expected. I researched a bit, and I suspect it has something to do with a conflict between the theme and custom CSS. Any help troubleshooting will be appreciated.
I use the Stewart theme and the full-site editor. My site is – This just started happening after recent WP updates and has affected all of my prior posts as well as keeping me from wrapping around images in new posts.
Here are links to screenshots showing what it looks like when I am editing compared to what is appearing on the live site.
what it looks like in edit mode – https://imgur.com/a/D8l5hgT
what it looks like live – https://imgur.com/a/YPO1aQ5
Here is the custom CSS on the site — I don’t understand it all as I am not a CSS person and someone else who is not available at the moment helped me set up the site and created the custom CSS – I tried removing all of the additional CSS and it did not solve the problem:
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
*{font-family: 'Lato', sans-serif;}
.wp-container-622d1d8871970 > .alignwide{
max-width:1366px!important;
}
.wp-block-pages-list__item, .wp-block-navigation-item{
background: #F46000!important;
padding: 5px!important;
border-top-right-radius: 15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
margin-left:5px;
font-size:15px!important;
}
.wp-block-pages-list__item a, .wp-block-navigation-item a{
text-decoration:none!important;
font-family:'roboto';
font-weight:500;
}
#wp-block-archives-622dbf62321f0{
padding: 10px!important;
width: 100%!important;
border-radius: 10px!important;
}
.wp-block-page-list, .wp-block-navigation__container{
width:100%;
}
.ar_cus_class{
width:100%!important;
}
.ar_cus_class label{
text-align:center!important;
font-size:24px;
font-family:"lato";
font-weight:700;
color:#fff;
}
.ar_cus_class select{
width: 95%;
padding: 15px;
border-radius: 15px;
display: block;
}
.ar_cus_class select option{
display:block;
}
.wp-block-navigation__submenu-container{
width: 90%;
margin-left: 5%;
background: transparent;
}
.wp-block-navigation__submenu-container li{
margin-bottom:5px;
}
.wp-block-navigation__submenu-container li a{
padding:0px;
}
.wp-block-navigation .wp-block-page-list, .wp-block-navigation__container{
gap:5px;
}
.wp-block-tag-cloud{
background:#fff;
margin:5px;
border-radius:15px;
}
.wp-block-tag-cloud a{
text-decoration: none;
color: #000;
}
.wp-block-tag-cloud, .wpforms-container, .ar_cus_class{
padding:10px!important;
}
.wp-block-tag-cloud a:hover{
color: #fff;
background: #F35F00;
}
.wp-block-loginout{
text-align:center;
width:100%;
}
.wp-block-loginout a{
background:#F35F00;
width:100%!important;
padding:10px 80px;
border-radius:50px;
text-decoration:none;
color:#fff;
}
.side_menu{
padding:10px 0px
}
.wp-block-kadence-posts .loop-entry.type-post .entry-taxonomies .category-style-pill a{
background:#F35F00;
}
.kt-blocks-above-categories a{
padding: 0.25rem;
border-radius: 0.25rem;
margin-bottom: 0.25rem;
display: inline-block;
line-height: 1.2;
background: #F35F00;
font-size: 14px;
font-family: 'work sans';
font-weight: 700;
color: #fff;
letter-spacing: 1.5px;
text-decoration: none;
}
.kt-blocks-post-grid-item-inner h2{
font-size: 20px!important;
font-family: 'Roboto';
color: #000;
font-weight: 600;
}
.entry-content-wrap .entry-title a{
font-size: 33px;
font-family: 'lato'!important;
font-weight: 300!important;
color: #000;
text-decoration: none;
text-transform:uppercase;
}
.entry-summary p{
font-size: 15px;
font-family: 'Lato';
color: #000;
font-weight: 500;
}
.entry-footer div p a{
background: #F35F00;
padding: 10px;
color: #fff!important;
}
.current{
background: #F35F00!important;
border: 2px solid #F35F00!important;
color: #000!important;
padding:8px 18px;
}
.nav-links a, .dots, .page-numbers a{
background: #fff!important;
text-decoration: none;
border: 2px solid #000!important;
color: #000!important;
}
.site_title_class a:hover{
color:#fff!important;
}
.wp-container-622e5d2bc98d0, .wp-container-622e6b43dc605{
z-index:100!important;
}
.wp-block-post-content{
font-size: 18px;
color: #000;
font-weight: 500!important;
font-family: auto;
text-align: justify;
padding: 0px 25px 0px!important;
}
a{
text-decoration:none;
}
p{
font-family:'lato'!important;
font-weight:300;
}
.wpforms-container-full {
margin-bottom: -10px!important;
}
figure .wp-block-post-title{
padding-left:25px!important;
color:#000!important;
margin-bottom:10px;
}
.wp-block-search__button-inside{
text-align:center;
}
.wp-block-search__label{
font-size:24px;
color:#fff;
display:none;
}
.synved-social-button-follow{
display:none!important;
}
.taxonomy-post_tag a{
background-color: #767676;
border-radius: 0 2px 2px 0;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 1.2727272727;
margin: 2px 4px 2px 10px;
padding: 3px 7px;
position: relative;
text-transform: uppercase;
}
.taxonomy-post_tag a:hover {
background-color:#f35f1d;
}
.taxonomy-post_tag a:hover:before{
border-right-color:#f35f1d;
}
.taxonomy-post_tag a:before{
border-top: 10px solid transparent;
border-right: 8px solid #767676;
border-bottom: 10px solid transparent;
content: "";
height: 0;
position: absolute;
top: 0;
left: -8px;
width: 0;
}
.taxonomy-post_tag a:after{
background-color: #fff;
border-radius: 50%;
content: "";
height: 4px;
position: absolute;
top: 8px;
left: -2px;
width: 4px;
}
p,h3,b, .says, .comment-metadata a time {
color:#000;
font-family:'lato';
}
.wp-block-post-comments{
padding:0px 25px;
}
.post-navigation-link-next a:hover, .post-navigation-link-previous a:hover{
color:#F35F00;
}
.post-navigation-link-next a,.post-navigation-link-previous a{
font-size:15px;
}
.synved-social-button-share {
padding: 5px!important;
}
.f_lato, h1, .wp-block-post-title{
font-family:'lato'!important;
font-weight:300!important;
}
.f_lato a{
color:#000;
padding-left:10px;
}
.post_tt li{
background:#fff;
}
.wp-block-query-pagination-numbers span{
padding: 8px 18px;
font-weight: 700;
font-size: 14px;
margin: 5px;
display: inline-block;
float: none;
min-width: 14px;
text-align: center;
}
.wp-block-query-pagination-numbers a{
padding: 8px 18px;
font-weight: 700;
font-size: 14px;
margin: 5px;
display: inline-block;
float: none;
min-width: 14px;
text-align: center;
border:2px solid #000;
}
.category-uncategorized{
display:none;
}
.avatar{
width:15px;
height:15px;
}
.wp-block-post-author__name{
color:#767676;
}
.mar{
margin-left:25px;
}
.wp-container-62323656dcff1 .wp-block-spacer{
display:none!important;
}
/*.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child){
margin-left:0px;
}*/
.post_tag_class{
margin-top:0px;
position:relative;
top:-210px;
}
.wp-block-post-terms__separator{
color:#fff;
}
.sig_post_meta{
margin-top:0px;
}
time{
font-family:'lato';
}
.sharedaddy{
position:relative;
bottom:-85px;
}
#CC{
margin-top:0px;
}
.recent .kt-blocks-post-grid-item-inner h2 a{
font-size:33px;
}
.wp-block-navigation__responsive-container-content, .is-menu-open{
background:#263248;
}
.is-responsive{
z-index:100;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
background:#263248;
}
.dnone,
.paged-1 .recent,
.paged-2 .recent,
.paged-3 .recent,
.paged-4 .recent,
.paged-5 .recent,
.paged-6 .recent,
.paged-7 .recent,
.paged-8 .recent,
.paged-9 .recent,
.paged-10 .recent,
.paged-11 .recent,
.paged-12 .recent,
.paged-13 .recent,
.paged-14 .recent,
.paged-15 .recent,
.paged-16 .recent,
.paged-17 .recent,
.paged-18 .recent,
.paged-19 .recent,
.paged-20 .recent,
.paged-21 .recent,
.paged-22 .recent,
.paged-23 .recent,
.paged-24 .recent,
.paged-25 .recent,
.paged-26 .recent,
.paged-27 .recent,
.paged-28 .recent,
.paged-29 .recent,
.paged-30 .recent,
.paged-31 .recent,
.paged-32 .recent,
.paged-33 .recent,
.paged-34 .recent,
.paged-35 .recent,
.paged-36 .recent,
.paged-37 .recent,
.paged-38 .recent,
.paged-39 .recent,
.paged-40 .recent{
display:none!important;}I am having difficulty finding the area responsible for toggling the alignment of my titles. Using the editor function in the dashboard doesn’t reveal and levers or buttons to edit this, and I have attempted multiple CSS techniques in the additional CSS section to no avail. Does anyone know what I am missing? Seems like a very basic modification.
]]>this was such a great theme out of the box for my purposes, but I was wondering if/hoping there was an easy way to make the left sidebar sticky. it’d be great if the image/bio/menu on the sidebar could stay as the user scrolls. thanks for your help!
]]>I have embedded a YouTube video in a post using the YouTube block. I have right justified the block so that the text will wrap around it. For some reason, it doesn’t wrap properly – the YouTube block overlaps and covers up some of the text.
]]>I have added a search block to my page to provide for word searches – the intent is that a word search will return a display of all published posts including the search term. The problem is that the results being returned also include draft posts. I have checked on my wife’s tablet (she has no account so is not logged in to anything) to verify that this is the case for anyone coming to my site. If you do the search, https://test.redesign.primepassages.com/?s=beer you will see some post titles with no featured image. These are unpublished draft posts.
I am using the standard WordPress Search Block (no plugin involved). The Query Loop I am using is set by the standard Stewart Search Template – I cannot find any settings where I would filter the results to display only published posts.
The Stewart Index and Archive templates work fine – they filter for published posts as expected.
I need help with how to set the Stewart Search Template to return only published posts in the result.
]]>I am trying to set up my site in an FSE theme. I am a blogger (not a developer) who has very limited experience with CSS coding. I want the font to be used throughout my site to be “Lato”. Is there a way and a place to insert custom CSS that will result in propagating that font consistently throughout the entire site? I see there is a “Customize” option on the “Appearance” menu that has a place for entering “Additional CSS” and I wondered if it could be relevant to doing this. I could not find any instructions on how to use this function. I would appreciate help/guidance.
]]>I cannot find the Gutenberg 5.9 full site editing options for the colors of the mobile menu. Is there a built-in option or do I have to manually set some CSS?
]]>