Height Difference Between Modules & Truncation Of Graphics/ CSS changes: Page 2

Height Difference Between Modules & Truncation Of Graphics/ CSS changes

aman204

jamarrett Kindly check now. Have added this to custom.css file :

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {.acm-features.style-3 .features-content{padding-bottom:0 !important;padding-top:0 !important;}}

jamarrett

No it's still the same Will delete totally the installation and perform a new install and then see whether the problem persists.

aman204

jamarrett Hi

Will look forward to hear back from you as you have the specific module shown on the site in order to review further

jamarrett

I have decided to disable the 2 modules that have been giving me the problem. Instead, I have activated the Heo module .So far , there is no problem.

So , will revert if there are any other issues.

jamarrett

As mentioned before, I have disabled the "troubling" modules and so far the Hero module is not giving any trouble ( crossing my fingers )

I am finalizing this template for this project and need some css changes:

Change the blue and gold in the original template ( Screen 1 )

I used Theme Magic to start a new theme called " Corby " and changed the blue in the template to # 1B2855.

However, it does not appear as # 1B2855 in the site.It appears as #232254

Could the css be changed to enabled it to be # 1B2855 for the blue and # C1A97D for the gold .

I can change the hex in the css later if need be .

https://drive.google.com/file/d/1-eXd_M92XCabzhPVWQe04wsOT15oybqG/view?usp=sharing
Main menu change to # 1B2855 in css ( Screen 2 )

https://drive.google.com/file/d/1hERuXqQVFw49h0PJ25nBfVfPW5YhaGvU/view?usp=sharing

Main heading bolden by 15 % ( screen 3 )

https://drive.google.com/file/d/1bJzCS-7CWRVwPfxt32GbFjZsbn9_u4u6/view?usp=sharing

4.Padding between lines of text to be reduced by 15% in Css ( Screen 4 )
and I can further adjust in css if need be.I had changed the fonts in Corby theme to Open Sans.

https://drive.google.com/file/d/1QUWZNWUBnS0PLuAiAGuLAwa3Farip0xA/view?usp=sharing

 
  5.Subheadings changed to gold ( # C1A97D )  and bolden by 25 % .( Screen 5 )
https://drive.google.com/file/d/1FvkPcDdLqyBhnkf6v3RW7sAjV42EPsyl/view?usp=sharing

Thanks in advance

jamarrett

Screen 5 link should be :
https://drive.google.com/file/d/1FvkPcDdLqyBhnkf6v3RW7sAjV42EPsyl/view?usp=sharing

saguaros

jamarrett

Hi,

If you're working on customizing as new theme, it's better to work with LESS file in template: http://www.t3-framework.org/documentation/bs3-customization#theme-customization

For now, you can take a backup of your site first, then go to Backend > Extensions > Templates > JA Insight > General tab > and enable the option Development Mode (then your site will load LESS files)

Let me know when you backup, then I will suggest you further changes.

Regards

jamarrett

Hi
Thank you for the response.
I have performed the backup and downloaded it.
I have also activated Developer mode for Insight.

aman204

jamarrett Hi

1) I am unable to see the specific section on homepage as shown in screenshot. Kindly provide direct site link where specific box can be seen. Also, Can see "Brand Primary Color" reflecting fine as envisaged with new theme creation which has been assigned. Ref: Screenshot

2) Try add this to custom.css file :
.dropdown-menu{background-color: #1b2855 !important;}

3) Try add this to similar CSS file and adjust values accordingly :

.acm-features.style-1 h1{font-size: 6rem !important;line-height: 7rem !important;}

4) Kindly refer to suggestion in (3) point

5) Try add this to similar CSS file and again adjust value accordingly:

.sub-heading{font-weight: 600 !important;color: #ca897d !important;}

jamarrett

Hi
I have made the changes in the custom.css file.

I still have this problem ie even though the custom.css and the theme magic color is #1b2855 , the actual color that appears is #232254 .In other words, when we define the module colors as # #1b2855 it actually appears as # 232254 .Why ?

I am not sure what you mean by the " box" can be seen .You mean you cant access the screenshots ?

aman204

jamarrett I am not sure what you mean by the " box" can be seen .You mean you cant access the screenshots ?

Have been able to access the screenshots based upon which I had provided my other CSS suggestions 🙂

To be precise, I wish to refer to the box in screenshot given by you as the same isnt seen on homepage

Or better yet, Kindly provide screenshot marked with annotations showing the respective text-field (color hex) you have tried to change in thememagic and isnt reflecting as mentioned by you

« Previous Page