This is how Author box, look on “Beauty blog” demo-
How can I get this look on my current setup?
Also, the name of the different section appears like this:
Please help me to get this look.
Thank you
Hi,
These are custom css rules added for the specific demos. As you can imagine you can only get that result wither by installing the demo or altering the theme css. Each demo has it;s own custom css to provide the unique style.
You can use the browser inspector to compare the code from the beauty blog and the code from your element to figure out which rules have been changed.
Here is an example of how the separator is changed: http://screencast.com/t/ZTIzKOUDnbE
Every css rule that is added custom for a demo is present in the demo_style.css file
Thank you!
Hi Bogdan, I’m trying to follow your instruction and after moving the custom css from the beauty blog demo css, I’m still not able to replicate the sidebar. Are there additional instructions somewhere on how to accomplish this? I prefer the divider between the widgets and the author info. Thanks.
Hi,
The easiest way to achieve that look would be to install the demo (only settings) – http://screencast.com/t/Ow5SEbBfsvX5
If you want to modify only those elements and keep the rest of the design as it is you have to use custom css.
Please provide your site url so i can check your current install.
Thank you!
Thanks. It’s culturedblackpearl.com. I did attempt to add to custom css but removed after it didn’t produce desired result. Thanks again.
Hi,
It seems you have a different demo installed (travel) that has a different css than the demo mentioned above. Like Emil said above, you will need to use custom css if you want to alter a demo’s look. You cannot simply move the css from one demo file to another as the classes are different and css will not work that way. You will have to target each element in particular. You will need css knowledge to do it though.
Thank you!
