Joomla Templates Club 406,261 posts

[kozakos Friend kozakosJoin date: February 2006Posts: 27Downloads:0Uploads:7 Thanks: 2]

#190908

hello

i need to know is possible to remove the rounded corners from modules h3 and menu hover on ja social.

i need it to be 90 decree corners is this possible

thanks petros

[kozakos Friend kozakosJoin date: February 2006Posts: 27Downloads:0Uploads:7 Thanks: 2]

#507044

i did already the below instructions from another post but didn’t work

Dear camma_vince,

In case you don’t want the rounded corners just go to the foder templatesja_socialcss ,in there you can rename or remove the css3.css file

That will help !

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#507064

Greetings Petros:

The username/password info you provided does not seem to be working.

Can you do me a favor and temporarily set “Optimize CSS” to “No” within your Template Manager–General settings? Let me know when you’ve done this and I will try to assist you further with your request.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#507105

Hi petros,

In order to remove the rounded corners on menu hovering, you can open /templates/ja_social/css/menu/mega.css, find lines:

.ja-megamenu ul.level0 li.mega.over {
background: url(../../images/mainnav-active-l.png) no-repeat left 3px;
}

.ja-megamenu ul.level0 li.mega.over a {
background: url(../../images/mainnav-active-r.png) no-repeat right 3px;
color: #4b4b4b;
}

.ja-megamenu ul.level0 li.mega.active {
background: url(../../images/mainnav-active-l.png) no-repeat left 3px;
}

.ja-megamenu ul.level0 li.mega.active a.mega,
.ja-megamenu ul.level0 li.mega.active a.mega:hover,
.ja-megamenu ul.level0 li.mega.active a.mega:active,
.ja-megamenu ul.level0 li.mega.active a.mega:focus {
background: url(../../images/mainnav-active-r.png) no-repeat right 3px;
color:#333;
}


Remove or change to your menu background images.

On the H3 tag of modules, you can open /templates/ja_social/css/css3.css file, find lines:

div.ja-moduletable h3, div.moduletable h3 {
border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
text-shadow: 0px -1px 0 rgba(0,0,0,.6);
}

Remove or change to 0 of properties in read texts. Then clear JAT3 cache (button on top right) after saving any changes.

[kozakos Friend kozakosJoin date: February 2006Posts: 27Downloads:0Uploads:7 Thanks: 2]

#507172

thank you Tom,

i set the “Optimize CSS” to “No” and the rounded corners from modules were removed .

after i set it back to “Optimize CSS” to “yes ” and the rounded corners did not come back .

i guess that was it right ?

thank you

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#507178

Hi kozakos,

Can you try to follow our suggestion above ?

[kozakos Friend kozakosJoin date: February 2006Posts: 27Downloads:0Uploads:7 Thanks: 2]

#507180

thank you Leo

your advice did the trick (Y)

i would like to ask how to remove round corner from lower side or the module as well .

i would like to have right corner modules

thanks in advance

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#507181

Hi,

In the same css3.css file, you can find lines:

div.ja-moduletable, div.moduletable {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0 1px 0 rgba(0,0,0,.4);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.4);
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.4);
}

Change the border-radius to 0, then clear JAT3 cache.

[kozakos Friend kozakosJoin date: February 2006Posts: 27Downloads:0Uploads:7 Thanks: 2]

#512503

leo hello

please help me to perform the same task removing round corners on jatc_social_t3_j3x
i can’t find the specified files

thanks

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#512511

@kozakos: You can try to create a custom.css in templates/ja_social/css/ path and put below css styles into:

.t3-sidebar .t3-module {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.t3-sidebar .t3-module .module-title {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.t3-content .main-content-inner {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.ja-slidewrap_social {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

[Author]

Posts