Staff replied Templates

Problem with blog

Asked by Alberto Bonello 4 years ago Last activity 4 years ago

I am using the nuron template , bu my blog margins and spacing are overlaping, Please see attached pic.

17 replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
4 years ago

Hi,

Thanks for contacting us. Could you please mention your browser name? It seems ok on my end. Please check the screenshot below:

https://prnt.sc/M5nXm4V0fNF3

-Regards.

Alberto Bonello Asked this
4 years ago

Hello, this happens on all browsers pc and mac. Firefox, safari, chroma and edge. The photo and title overlap and the copy of the article goes from edge to edge. Please see photos below. Your photo looks like the window was made smaller please look at it at full size. Thanks

Alberto Bonello Asked this
4 years ago

Hello ...I am still having problems with the menu . Please see the photo the only way I can make it not scroll down is to make the text in the menu small. I need it to look like the demo with the search not hidding behind the donation button and and the font larger. Also the logo has problem fitting in the headder in the mobile screen. Please see photos. Thanks

Mehtaz Afsana Borsha Staff
4 years ago

Use this custom CSS

@media only screen and (max-width: 1170px) and (min-width: 998px)  {

.article-details .article-details-top-wraper .article-full-image {
    margin: 0px 0px 0px 70px;
}
.article-details .article-details-top-wraper .article-header .article-details-title{
    font-size:35px !important;
}

}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Mehtaz Afsana Borsha Staff
4 years ago

Use this custom CSS

@media only screen and (max-width: 1170px) and (min-width: 998px)  {

.article-details .article-details-top-wraper .article-full-image {
    margin: 0px 0px 0px 70px;
}
.article-details .article-details-top-wraper .article-header .article-details-title{
    font-size:35px !important;
}

}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Alberto Bonello Asked this
4 years ago

This code did not change anything on the blog. It still looks like before on all browsers and event after clearing all the cache. Please advice

Mehtaz Afsana Borsha Staff
4 years ago

Give me your super admin access please I need to check.

Alberto Bonello Asked this
4 years ago

I already included the loging credentials on the original post.

Mehtaz Afsana Borsha Staff
4 years ago

I cant access your site. Please delete my previous CSS and use this one in a proper way

@media only screen and (max-width: 1170px) and (min-width: 998px)  {

.article-details .article-details-top-wraper .article-full-image {
    margin: 0px 0px 0px 70px !important;
}
.article-details .article-details-top-wraper .article-header .article-details-title{
    font-size:35px !important;
}

}
Alberto Bonello Asked this
4 years ago · edited

Your code is still not working. The user and pass word I provided is working. Please advice

Log in to reply.