change font

spirosvl123

Hello i want to change the font of ja events ii template to roboto mono. Can I?
more over i want to import this line (@import url(http://fonts.googleapis.com/css?family=Roboto+Mono) in the css file to import the font in JCE EDITOR . which is the right file that I need to paste the line;
can you pls help me ?

spirosvl123

Hello sugaros, i have new credentials ,
site url same, password same, username test123

saguaros

Hi,

Here is the detailed guide for how to add/install new font in a template based on T3 framework: http://www.t3-framework.org/documentation/bs3-customization#add-fonts

For JA Events II template, you can try the same way:
- Backup your site first
- Define the 'Roboto+mono' font by adding this: <file>//fonts.googleapis.com/css?family=Roboto+Mono</file>
to the XML file: root/templates/ja_events_ii/etc/assets.xml http://prntscr.com/ior9fs
- Go to LESS file: root/templates/ja_events_ii/less/variables.less
Look for the declaration of 'Typography':
// Typography
// -------------------------
@font-family-roboto: 'Roboto Mono', monospace;
@font-family-sans-serif: "Helvetica Neue", 'Roboto', sans-serif;
@font-family-serif: Georgia, "Times New Roman", Times, serif;
@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;
@font-family-base: @font-family-roboto;

and add variable @font-family-roboto like above and set it as base font family of your site

If your site is running with Development mode, just refresh your site to see the changes. In case that the Development Mode is off, you need to go to admin panel > Extensions > Templates > select JA Events II template style > hit 'LESS CSS' button to compile less to css (again, remember to backup your site first as when compiling less to css, current css file will be overridden)

Regards

spirosvl123

hello saquaros, after less to css i have the language to goes right of the template

MOD edit : Image removed on user request.

saguaros

Hi,

You can take a backup of your site and share me the credentials (URL, Admin + FTP account), I will check for you: https://cl.ly/3y3R0p24250G

spirosvl123

saguaros the same credentials, iam ready

spirosvl123

saguaros i change the position to sticky and now its ok ..

spirosvl123

saguaros this conversasion is private? i don't want my share picture of website to saw from other users.. thanks ..

spirosvl123

MOD edit : Image removed on user request.

and one more, in mobile view i want a margin top , i cant view the image of the slider.. where can i put margin for this ?

thanks very much...

(this is a private conversation with you or not?)

drarvindc

spirosvl123

No, this conversation is not private. The information you provide can be viewed by other paid members. If you are to submit your site credentials by editing the first post, it would be private though and encrypted.

Regards

Arvind

spirosvl123

drarvindc ok i want to delete my attached pictures from this post pls. i cant edit the post to delete myself

drarvindc

I have removed the pics but shared them with saguros, he will get back to you when he is online again.

drarvindc

I would recommend adding your site login information by editing the first post. So that other mods can have a look and help you out. Our mod Pavit is online now and he can have a look.

spirosvl123

drarvindc i have not option to edit first post...

saguaros

Hi,

On mobile view port, the top of slideshow is covered by the header, if you want to see full image on mobile, you can adding some margin for the slideshow module:

@media (max-width: 767px) {
  .t3-slideshow {
	  margin-top: 94px; /*change to your desired value*/
  }
}

Or if you want to set the margin for title of slideshow only, you can try this:

@media (max-width: 767px) {
  .acm-slideshow .owl-carousel .item .slider-content .item-title {
    margin-top: 50px; /*change to your desired value*/
  }	
}