Unfortunately, this is our new site, under development and password protected, until we complete it and swap it out. General guidance on where to add CSS Code would be appreciated. If not, I can use a fuller font until the site goes live.
One unrelated follow-up: our top left header logo gets bigger when it switches from the Default Header Logo to the the Header Starting Dark Logo, for example when I scroll down to a dark full-page row. The logos are exactly the same pixel size. I don't have any logo size limit employed, so not sure why they would not render the same. See attached screenshot. Any thoughts?
The easiest way to correct these issues since we are unable to gain access to your site would be for you to install the an extension for the Google Chrome browser known as Stylebot
Once installed you may follow the screencast below on how to select the text, adjust the size and then copy the CSS generated from this plugin within the Page Specific Custom CSS Section in the WYSIWYG Editor of Visual Composer as illustrated in the image attached or shown below.
You may also try and setting the size of the logo using this extension and then pasting the CSS in the general custom CSS section for the theme
You may add this to the Custom CSS Code section located by navigating to Appearance>General Settings>CSS/Script Related>Custom CSS Code from your WordPress Dashboard
Please let me know if there are any more questions that I may answer for you.
Unfortunately without your site to test it on, I wouldn't be able to know if you're using the right CSS selectors to target the element you want to change. I don't see any issues with your code if it helps.
Also, try clearing your caches and see if that helps. Sometimes when making CSS changes, you get a cached version of your page instead of the newly edited one.
I hope this helps. Please feel free to contact us if you have any further questions.
I'm using basic bulleted text, though find the font style much thinner than basic Paragraph body text. Almost too thin to see.
I'm not able to see a bullet font function to edit in Typography, so unsure how to fix.
How can I style the bullet text font just like the regular Body/Paragraph font?
Hi there,
Thanks for contacting us regarding your query.
We are able to use Custom CSS Code to accomplish this.
May I ask you to provide us with the link to the page where this element is located so we may generate the respective Custom CSS Code for you.
I look forward to your reply.
Cheers!
Hi Andrew,
Unfortunately, this is our new site, under development and password protected, until we complete it and swap it out. General guidance on where to add CSS Code would be appreciated. If not, I can use a fuller font until the site goes live.
One unrelated follow-up: our top left header logo gets bigger when it switches from the Default Header Logo to the the Header Starting Dark Logo, for example when I scroll down to a dark full-page row. The logos are exactly the same pixel size. I don't have any logo size limit employed, so not sure why they would not render the same. See attached screenshot. Any thoughts?
Hi there,
Thanks for contacting us regarding your query.
The easiest way to correct these issues since we are unable to gain access to your site would be for you to install the an extension for the Google Chrome browser known as Stylebot
https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha
Once installed you may follow the screencast below on how to select the text, adjust the size and then copy the CSS generated from this plugin within the Page Specific Custom CSS Section in the WYSIWYG Editor of Visual Composer as illustrated in the image attached or shown below.
https://expirebox.com/download/b444a960276dea5f50752eaf03ceffb5.html
You may also try and setting the size of the logo using this extension and then pasting the CSS in the general custom CSS section for the theme
You may add this to the Custom CSS Code section located by navigating to Appearance>General Settings>CSS/Script Related>Custom CSS Code from your WordPress Dashboard
Please let me know if there are any more questions that I may answer for you.
Cheers!
Hey Andrew,
Just seen this message and I was interested in the Stylebot extension.
My understanding is that it allows you to activley change elements on websites you visit.
I was using it to make basic edits to different elements on a websites Ive built and then copy and paste the CSS into the salient CSS area.
Unfortunately, these copied CSS elements just arent working and I've no idea why.
A good example is adding padding above the sidebar widget area titles in which I would add;
/* adding vertical space between sidebar widgets */
.widget .widget_archive h4 {
margin-top: 30px!important;
}
.widget .widget_bloomwidget h4 {
margin-top: 30px!important;
}
Its just not working and its so frustrating. Any chance you could offer any insight?
Thanks
Damien
Hi Damien,
Unfortunately without your site to test it on, I wouldn't be able to know if you're using the right CSS selectors to target the element you want to change. I don't see any issues with your code if it helps.
Also, try clearing your caches and see if that helps. Sometimes when making CSS changes, you get a cached version of your page instead of the newly edited one.
I hope this helps. Please feel free to contact us if you have any further questions.
Best regards