Hi there!

Thanks for reaching out.

If you use the mentioned custom CSS, then where does other problem creates, please? Can you indicate those problems? The CSS seems good to me.

Best Regards

thanks for your message,

For example the title here: https://www.rules-chess-strategies.com/en/ is not in the same level as the title here: https://www.rules-chess-strategies.com/en/authors-english

And then the dody again is not good here: https://www.rules-chess-strategies.com/en/profile-en In this page actually if you drag and drop down the title then the elements below of it will have probelms as well. If you fix the rigth part with text then the left image will have some issues.

Is any way to give this distance to the body from the menu?

On my page: https://www.rules-chess-strategies.com/en/profile-en I can see that top margin was deleted from the code! As you can see in the attacked image:

https://ibb.co/84j2sqS

I don't have custom css inside template, so I'm not sure why this code is deleted there.

I'm searching and adding custom CSS code but I think that it's not the correct solution. Something else is costing the problem.

I added the followring code:

< / Joomla - change Left Modules BG collor /

sp-left .sp-module .sp-module-content, #sp-right .sp-module .sp-module-content {

background-color: #323848; } / Page Builder - not duplicate the content of the "content button" template position / section#sp-position-2{ display:none; } / Page Builder - The menu is sticky-fixed which can cause overlap when scrolling. The body uses specific padding for the portfolio page which can affect the positioning of elements on the page. / .view-category #sp-main-body { padding-top: 100px; } .com-spsimpleportfolio.view-items #sp-main-body { padding-top: 100px !important; } / Page Builder – I added this code for the module on the first page / .sp-page-builder .page-content #section-id-1717522179550 { padding-top: 100px !important; } / Page Builder – I added this code for log in page / .sp-page-builder .page-content #section-id-45b88829-6c95-4ffa-ad6a-1b287e8dec5a{ padding-top: 100px !important; } / Page Builder – I added this code for log in page for www.rules-chess-strategies.com/en/website-id /

sppb-addon-1600674810676 .sppb-addon.sppb-addon-header {

padding-top: 50px !important;

} / Page Builder – I added this code for log in page for https://www.rules-chess-strategies.com/en/angelos-kesaris /

sppb-addon-1603438727538 .sppb-addon-header .sppb-addon-title {

padding-top: 100px !important; / Page Builder – I added this code for log in page for www.rules-chess-strategies.com/en/authors-english /

sppb-addon-wrapper-1655232168648{

padding-top: 100px !important;

} / Page Builder – I added this code for log in page on https://www.rules-chess-strategies.com/en/affiliate-program-en /

sppb-addon-1516966938490 img{

padding-top: 100px !important;

} / Page Builder – I added this code for log in page on www.rules-chess-strategies.com/en/partners-en / .sp-page-builder .page-content #section-id-EVh7HaFIljJMCrCvP9CEf { padding-top: 100px !important; } / Hikashop BG color / .hikashop_tabs_content { background-color: #222630; } .hikashop_tabs_ul li { background-color: #1598c4; } div#hikashop_download_listing tr th { color: #ffffff; } .table>:not(caption)>> { background-color: #ffffff; }

hikashop_vote_listing div.hika_comment_listing_content {

color: #ffffff;

}

hikashop_vote_listing span.hika_vote_listing_username {

color: #5DBCD2;

} / Hikashop Icons on Vendor Menu / .hika_cpanel_icons .hika_cpanel_icon span.fa { color: #1266a0; flex-basis: 2em; min-width: 2em; width: 100%; display: inline-block; position: relative; margin-left: 30px; font-size: xx-large !important; } / EasyBlog - The author's image looks nicer /

eb.eb-view-blogger .eb-authors .eb-avatar img {

height: 50px;
border-radius: 3px;

} / EasyBlog - text from black color to white on the first blog /

eb .eb-featured .eb-gallery-content {

color:inherit!important;

} / EasyBlog - It changes the BG and text on the author's page /

eb .eb-authors-head {

background: #191c2b;
color: #ffffff;

} / OSCampus - changes the colors /

oscampus.osc-container {

color: #2184cd;

}

oscampus.osc-container {

color: #2115c4;

}

oscampus.osc-container .page-header h1 {

color: #2184cd;

background-color: #191c2b; }

oscampus.osc-container .osc-course-tabs-content {

background-color: #191c2b;

}

oscampus.osc-container h3 {

color: #fff;

}

oscampus.osc-container .osc-course-info {

color: #ffffff;

}

oscampus.osc-container .osc-section.osc-course-tabs>div:first-child {

background-color: #007eff;

}

oscampus.osc-container .osc-section.osc-course-tabs>div {

background-color: #007eff;

}

oscampus.osc-container div, #oscampus.osc-container p {

color: #ffffff;

background-color: #191c2b; }

oscampus.osc-container .osc-section.osc-course-tabs>div.osc-tab-disabled {

background-color: #ffffff;

color: #000000; }

oscampus.osc-container #content-teacher .osc-table div {

background-color: #212529;

}

oscampus.osc-container .osc-row-heading {

background-color: #191c2b;

}

oscampus.osc-container .osc-row-one {

background-color: #191c2b;

}

oscampus.osc-container .osc-row-two {

background-color: #191c2b;

}

oscampus.osc-container .osc-pathway-list {

background-color: #191c2b;

}

oscampus.osc-container .osc-course-list {

border-bottom: #191c2b; background-color: #191c2b; }

oscampus.osc-container .osc-course-description p:last-child {

color: #ffffff;

}

oscampus.osc-container div.osc-alert-notify {

background-color: #191c2b;

}

oscampus.osc-container .osc-lesson-title {

color: #ffffff;

}

oscampus.osc-container .osc-pathway-intro

{ background-color: #191c2b; } />

The english first page is working. But the greek main page: https://www.rules-chess-strategies.com/el/ in not working correctly!!

Please give me a universal solution! Adding one element after the other is a bad strategy. And if I chnge one picture or something then I'll need to do it again from the beginning.

Please HELP!!