[blackkeys]

Also one other small thing. How do the flags go horizontal? So to the left of the text:
FLAG – English
FLAG – Bahasa Indonesia

The Polylang support forum provides some code here:
http://polylang.wordpress.com/documentation/frequently-asked-questions/the-language-switcher/

You can see the: How to display the widget flags horizontally? section

[blackkeys]

For the flag issue just now I put:

.lang-item {
display: inline;
}

at the bottom of the style.css stylsheet for the theme but it didn’t work.

[Sakin]

@blackkeys: First you are not supposed to edit any core theme files such as style.css, index.php, functions.php and so on. As all these edits will be reverted back to original when you update the theme.

For CSS changes, you can either add your custom CSS in “Appearance => Theme Options => Custom CSS” box or you need to build child theme and add it in style.css of child theme.

Please send me your site URL and ask question in reference to your site. Then only I can check in your code.

[blackkeys]

The site URL is http://www.sweetandsalty.biz

I played around with the style.css and managed to move the Polylang widget to a different location but couldn’t get it right. Basically it needs to sit in right sidebar but right at the bottom.

Plus the whole header area was still expanding way to large in responsive view on my mobile.

If the theme does not need to be updated to regularly we can do it from style.css if feasible.

Alternatively if you show me what I would need to do build a child theme thing or the custom css required for what I require. Thanks.

[blackkeys]

I prefer the custom css option if there is any way it can be done from there.
Thanks

[blackkeys]

Also just one thing. How do I change the language of WordPress back to English? When I’m in site view its in Indonesian which is irritating as I don’t really know the language. But within wordpress its still in English.
Thanks

[Sakin]

@blackkeys: That will be your WordPress installation configuration file. Please check in wp-config.php file. This is not theme related question.

[blackkeys]

It seems there is a bug or an error with the theme. When I have a theme which isn’t the pro version, on http://www.red-cherry.com I can edit the peermalink when I make a new post.

Yet with the pro version which I’m using on http://www.sweetandsalty.com there is no button to edit the permalink on posts…..

Seems strange. I need to edit the permalinks yet can’t do it on the pro version.

[Sakin]

@blackkeys: There is nothing in our theme that restrict permalink. You can try using default theme and check in. I am able to to edit the permalink with all our theme.

[blackkeys]

I don’t understand what you mean with use default theme and check in. Basically why in the free theme can I just edit the permalink on a post and yet on the pro theme I cannot edit the permalink. The button to edit permalink on pro one isn’t there.
Free Theme: http://www.red-cherry.net and pro http://www.sweetandsalty.biz

And please can u tell me the answer to below? I copied ur forum post and pasted it below. Then I have pasted mine. I need to know how to bring that widget into the bottom right corner of the header area, and swo there isnt a huge white space in responsive mode. I am talking about the language widget on http://www.sweetandsalty.biz:

YOUR POST

@blackkeys: First you are not supposed to edit any core theme files such as style.css, index.php, functions.php and so on. As all these edits will be reverted back to original when you update the theme.

For CSS changes, you can either add your custom CSS in “Appearance => Theme Options => Custom CSS” box or you need to build child theme and add it in style.css of child theme.

Please send me your site URL and ask question in reference to your site. Then only I can check in your code.

MY POST
The site URL is http://www.sweetandsalty.biz

I played around with the style.css and managed to move the Polylang widget to a different location but couldn’t get it right. Basically it needs to sit in right sidebar but right at the bottom.

Plus the whole header area was still expanding way to large in responsive view on my mobile.

If the theme does not need to be updated to regularly we can do it from style.css if feasible.

Alternatively if you show me what I would need to do build a child theme thing or the custom css required for what I require. Thanks.

[Sakin]

@blackkeys: Abut your permalink edit in free and pro version. I mean we don’t have any restriction set in pro version. I see that you are comparing 2 different site so you cannot say it’s working one site and not on another. I mean can you check in by installing Free version in your site http://www.sweetandsalty.biz and check in if you can edit it. If you can edit permalink in same site with free and not on pro then I need to look in. But you are check 2 different site. Just a not, permalink in the WordPress features not the theme features.

Now, about the CSS edits. If there is few lines of CSS then you can just add your custom CSS in “Appearance => Theme Options => Custom CSS” box. But if you are doing lot of customization then you need to build child theme and edit css in child theme style.css

[blackkeys]

I’ve fixed the post problem. I don’t need any help with that. Please can you tell me about this widget issue? Need to move its location as u can see in my previous post.

The alignment of flags and text should also be:

FLAG – English
FLAG – Indonesian

Also in responsive mode there shouldn’t be the huge white gap in header when viewed on a mobile device.

http://www.sweetandsalty.biz

[blackkeys]

Sorry I meant I fixed the permalink issue, not post.

The only thing required to finish the site more or less is to fix the multi-language widget (Polylang) issue I have mentioned in the previous posts.

I just need to know what code will sort the alignment of the flags out as mentioned.

Also that the widget is in bottom right of header area and doesn’t all mess up in responsive.

I think it should just be a few lines of css in the Appearance => Theme Options => Custom CSS” box to sort this widget issue out but I don’t know what that code is…

http://www.sweetandsalty.biz

Thank you.

[Sakin]

@blackkeys: For your language flag you can try adding in the following CSS in “Appearance => Theme Options => Custom CSS”
#hgroup-wrap .lang-item img { display: inline; }

[blackkeys]

Excellent, that worked. Thanks a lot:)

The only thing with the header now is to get the widget to sit at the bottom. And to sort the huge white space issue out when viewed on a mobile phone in responsive mode.

What would be the code for this?

Thanks

http://www.sweetandsalty.biz

[Sakin]

@blackkeys: It’s because of the following CSS that you have added in your Custom CSS box.

#hgroup-wrap { padding-top: 10px; }
#hgroup-wrap { padding-bottom: 10px; }
#hgroup-wrap { padding-left: 170px; }
#hgroup-wrap { padding-right: 10px; }

If you want that padding to be only in big screen then you need to add like below:

@media screen and (min-width: 961px) {	
#hgroup-wrap { padding-top: 10px; }
#hgroup-wrap { padding-bottom: 10px; }
#hgroup-wrap { padding-left: 170px; }
#hgroup-wrap { padding-right: 10px; }
}

And then for widget in Mobile devices it will be as below:

@media screen and (max-width: 768px) {
.header-sidebar { padding-top: 0; }
}

[blackkeys]

Hi

Thanks a lot for that. Much appreciated. But I need the right header sidebar widget to sit at the bottom on a desktop as well, not just in responsive mode.

What is the code for that?

Also is there any way that the header can keep padding-left: 170px; } when viewed in desktop mode but be say 30px in responsive?

It will look much better if it can shift left in responsive.

If that’s not possible I might just disable responsive mode as it looks okay without it enabled anyway. But I still require the widget to sit at the bottom, just above menu either way.

http://www.sweetandsalty.biz

Thanks

[blackkeys]

oh yes just to give you more info, regarding my previous post. My custom CSS now looks like this:

.lang-item {
display: inline;
}

p { line-height: 1.425; margin-bottom: 1em; }

#slider-nav { display: none; }

#site-logo, hgroup.with-logo { padding-top: 0; }
#hgroup-wrap { padding-top: 10px; }
#hgroup-wrap { padding-bottom: 10px; }
#hgroup-wrap { padding-left: 170px; }
#hgroup-wrap { padding-right: 10px; }

@media screen and (min-width: 961px) {
#hgroup-wrap { padding-top: 10px; }
#hgroup-wrap { padding-bottom: 10px; }
#hgroup-wrap { padding-left: 170px; }
#hgroup-wrap { padding-right: 10px; }
}

#hgroup-wrap a:hover img,
.featured-image a:hover img,
.entry-content a:hover img,
.comment-content a:hover img,
.widget a:hover img,
a:hover img.header-image,
.author-avatar a:hover img,
a:hover img.wp-post-image {
opacity: 1;
}
#hgroup-wrap .lang-item img { display: inline; }

@media screen and (max-width: 768px) {
.header-sidebar { padding-top: 0; }
}

http://www.sweetandsalty.biz

Thanks

[Sakin]

@blackkeys: Ok so what you need to do now?

[blackkeys]

Hi

Yeah I just basically need to know what the css code is for the Polylang widget to sit at the bottom of the right header sidebar, just above the menu. If its in responsive mode or not, it just always needs to stay there.

Thank you.

[Author]

Posts