• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: RSVario Logo Size

RSVario Logo Size 6 years 9 months ago #37182

  • rudi0
  • rudi0's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
Hi Guys,

Can someone please help me with custom css code to increase the logo size in RSVario to 290x70

Thanks
The administrator has disabled public write access.

RSVario Logo Size 6 years 9 months ago #37183

  • dragos
  • dragos's Avatar
  • NOW ONLINE
  • Administrator
  • Posts: 559
  • Thank you received: 102
Hello,

First you'll need to create a custom.css file as instructed here:

www.rsjoomla.com/support/documentation/r...the-source-code.html

Second, you can add something similar into this newly created file:
.rstpl-navigation .navbar .rstpl-brand {
    width: 290px;
}

The height will be automatically calculated based on the above width.
Last Edit: 6 years 9 months ago by dragos.
The administrator has disabled public write access.

RSVario Logo Size 6 years 9 months ago #37184

  • rudi0
  • rudi0's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
Thank You!
Last Edit: 6 years 9 months ago by rudi0.
The administrator has disabled public write access.

RSVario Logo Size 6 years 8 months ago #37252

Thanks Dragos,
Worked for me too!
However, when I resize my browser window to the size of a tablet/phone, the size of the logo-image suddenly shrinks to about 100px wide. I would like it to remain its original size.
The administrator has disabled public write access.

RSVario Logo Size 6 years 7 months ago #37305

  • dragos
  • dragos's Avatar
  • NOW ONLINE
  • Administrator
  • Posts: 559
  • Thank you received: 102
Hello,

You can try using a media query on this, for example:

@media (max-width: 979px) {
.rstpl-navigation .navbar .rstpl-brand {
width:300px;
}
}
The administrator has disabled public write access.

RSVario Logo Size 6 years 7 months ago #37345

Hi

I am trying to increase the size of the logo on the RSLibro template. I have tried this method, but it doesn't seem to have any effect.

Any ideas for RS Libro logo size would be appreaciated.

Thanks
Steve
The administrator has disabled public write access.

RSVario Logo Size 6 years 7 months ago #37379

Try to add this in your custom.css file:

.rstpl-logo img {
max-width:none;
}
The administrator has disabled public write access.

RSVario Logo Size 6 years 1 month ago #37976

Hello, I'm having the same issue on the mobile template. I've tried the above but the logo is still really small. Also, the hamburger menu drops below the logo and white space appears below that and before the slideshow. Any ideas please?

Cheers,

Paul.
The administrator has disabled public write access.

RSVario Logo Size 5 years 6 months ago #38540

Problem solved...


Hello, i have made a custom.css file with:
.rstpl-logo img {
max-width:none;
}

But the logo is still too small...
Please how can i change the size of the logo.
Best regards
Peter
Last Edit: 5 years 6 months ago by pgmjanssens. Reason: Problem solved...
The administrator has disabled public write access.

RSVario Logo Size 5 years 2 months ago #38808

  • kimborg
  • kimborg's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 22
Using RS VArio 1.0.28, I cant get the resize logo css override mentioned above to work. I do have a working custom.css file with other css overrides, so thats in place, but the code below does not seem to have any effect on my 600px png logo:

.rstpl-navigation .navbar .rstpl-brand {
width: 290px;
}
Last Edit: 5 years 2 months ago by kimborg.
The administrator has disabled public write access.

RSVario Logo Size 5 years 1 month ago #38942

  • kimborg
  • kimborg's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 22
With the kind assistance of RSJoomla, here’s the solution:
In your custom.css file, add the following code (and replace the pixel values with yours):

.rstpl-brand.pull-left.image {
    width: 300px;
}

To further control logo size in mobile view:
@media (max-width: 980px) {
    .rstpl-brand.pull-left.image img {
        width: 200px;
    }
}
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!