Here is a screen capture, thanks
http://hpics.li/99cfa1b

Thanks Bogdan.

1. I removed all the css related to the icon, but it’s not centered.
Please note I’m on an old Newspaper version. I say because when I first installed your theme I had to ask the support to center my logo. The staff gave me a custom css which I don’t understood but it worked.

2. Could you tell me how to do it simply with custom css. Since I’m still on Newspaper 4.6.1
Update is too complicated for me, I could possibly achieve it but have really no time at the moment

3. I found thanks

5. I have the following in my custom css

.td-sp-ico-menu {
background-image: url(“xxxxx.jpg”);
margin-left: 0px;
top: 4px!important;
background-color: white;
}

Now the menu is a clickable image but it size is not adjusted. Do you know how to make it fit ?

Thank you

Hey,
Thanks. Looking better but it is still displaying the PC logo on mobile.
I use two different logos, one for destktop and one for mobile display.
They are properly loaded in the theme panel so I don’t get why it’s not working.

Sorry it’s not working. I guess there’s something provoking a conflict. I first thought it was font color but the text seems to be hidden behind the bar. I may be wrong.

http://hpics.li/948f6ee
http://hpics.li/c8883ff

Hi,
Sorry the code is not reacting.

I already have custom CSS on these two elements (this for desktop)

.td-header-menu-wrap{
background-color: #23282d;
width: 100%;
height: 22px;
font-family: ‘Arial’, sans-serif;
font-size: 11px;
color: #ffffff;
}
.span9{
background-color: #23282d;
height: 22px;
font-size: 11px;
width: 100%;
margin-top: -.2em;
}

May I did something wrong ?

Hi,

Thanks for your answer
I just cleaned all my custom css and deleted all the unnecessary stuff. Also I desactivated the plugins.

The error might be in the following lines (I copy pasted most from the other topics…..)

@media (max-width: 767px) {
#td-top-menu{
display: none !important;
}
.td-sp-ico-menu {
background-position: -20px -364px !important;
}
.blog-stack #td-top-search {
position:absolute!important;
right: 0px!important;
top: 0px!important;
}
.blog-stack .header-search-wrap .dropdown-menu{
left:-270px!important;
}
.header-style-3 .container-fluid{
position:relative!important;
left:-45%
}
.header-style-3 {
height:12px;
}
.header-style-3 .td-logo img{
width: 35px!important;
}
.block-title a, .block-title span, ul.td-category a, .td_social .td_social_type {
background-color: transparent;
color:#000000;
}
.td_block_wrap .block-title a{
color:#333333;
}
.blog-stack.td-boxed-layout .td-menu-wrap {
background-color: transparent;
border-bottom: 1px solid #ebebeb;
border-top: 0px solid #ebebeb;
}
.td_d_slug_1 {
display: none;
}
.clearfix{
height: 40px;
}

Sorry to bother you, I’m not good at this.

This is how I’m seeing it now, http://hpics.li/5c19f00
it displays the PC logo in miniature. Also the menu and search icons aren’t centered at they used to be.

Thanks for your assistance

• This reply was modified 10 years by JDF.
• This reply was modified 10 years by JDF.

I don’t know which module I’m using, the arborescence of the homepage shows “homepage > blog”
http://www.journaldufranc.com/

Thanks. No problem.
I may have another request like I said my homepage is set on “display last articles”
I would like to display only the last 20 for exemple.
I saw there exist a function for this, but it affects all the categories. Is there a way to set this only for the homepage ?

Thanks this is perfect.
I have another request should I open a new topic ?

Please check the mobile layout of http://www.clique.tv
When clicking on menu they have set a background image on each section

I tried to make a css rule but could not figure the element ID of the menu (for ex /?cat=88)
Thanks

Yes. The display + font style is OK on mobile, but the font is still the default font on laptop.

Ok I see it. The font only displays on mobile because of the first code.

@media (max-width: 767px) {
#td-top-menu .sf-menu {
display: none !important;
}
.blog-stack #td-top-search{
right: -50px;
top: -75px;
}
.header-search-wrap .dropdown-menu {
left: -56px!important;
}
.header-style-3 .td-logo img {
width: 30px;
}
.category .td-page-title span {
font-size: 20px !important;
font-family: Vollkorn !important;
}

I tried to separate each with a <style></style> but it seems this is not the proper way to do it.
Sorry I’m such a noob !!

.category .td-page-title span{
font-size: 20px;
font-family: Ubuntu;
}

Sorry this is not working.
I tried with other class types, such as .entry-content and it don’t work either.

What is missing ? Sorry

I think I understood the way it works. I will be able to do any more changes by myself.

Thank you very much for your help !

• This reply was modified 11 years by JDF.

Oh I have a last problem. As I would like to change this font :

http://www.journaldufranc.com/wp-content/uploads/2015/02/font.jpg

If I understood correctly, I can’t with this template style.

Is there any way to do it with css ?? I know css a bit but the way your template is built far exceeds my understanding.

Thank you.

Your code helped me a lot. Thank you !
About the sidebar I used the wrong terminology, yes I created a sidebar with widgets inside. This is correct. But the content of the custom sidebar disappeared.

So I decided to use only the Newspaper defaut sidebar, and so far it have not been disappearing.
I have read somewhere that this issue can be fixed by clicking on Setting > writings > and then activate the “tell wordpress to correct the broken XHTML code” or something like that.

Thank you.