Floral is an elegant and modern theme for personal bloggers. Its classic layout, stylish typography, and vintage color palette are perfect for personal, lifestyle, fashion, or travel blogs. You can check Floral theme by eLightUp demo.
It costs $49 if you are using wordpress.com personal plan but you can use it for free if you are using Premium or Business plan. Here I am sharing you some css styling so that you can give it a different look as your choice
You can ask question regarding any issue you are facing.
You can take my personal help in skype : om2000_cuet
Question 1 : If you don’t want to show post date in featured post slider in floral theme by eLightUp
.featured-posts .entry-meta {
display: none !important;
}
Question 2 : If you want to remove the dark shadow over the featured post image
.featured-posts .featured-content::before {
display:none !important;
}
Question 3: If you want to change the font size, color and font family of featured slider title in floral theme by elightup.
.home .featured-posts .entry-title {
font-size: 3.4rem !important;
color: #fff !important;
font-family: cursive !important;
}
Question 4 : If you want to change font family, size and color of top Site Title
.site-title a {
color: #111 !important;
font-size: 9rem !important;
font-family: !cursive important;
}
**** If you use logo but don’t want to show site title, then use this code
.site-title a {
display:none !important;
}
Question 5 : If you want to change font size, color and font family of site description in floral theme by elightup.
.site-description {
font-style: italic;
font-family: !cursive important;
color: darkred !important;
font-size: 23px !important;
}
*** if you want to remove or hide the site description
.site-description {
display:none !important;
}
/************* Top Menu and Sub Menu (child) items modifications ************/
Question 6: If you want to change the background color of the top menu section
.header-content {
background: darkred !important;
}
**** to change the menu color (parent menu item font color)
.main-navigation a {
color: white !important;
font-size: 14px !important;
font-family: !cursive important;
}
**** to change the sub menu item font color, size and font family
.sub-menu a {
color: black !important;
font-size: 14px !important;
font-family: !cursive important;
}
*** to change sub menu (child) item background color while hover over them
.sub-menu li:hover {
background: green !important;
}
*** to change sub menu (child) item font color while hover over them
.sub-menu li:hover > a {
color: white !important;
}
/************* Sidebar Widget Section Modification ************/
Question 7 : To change the black border color in the sidebar widget title
.widget-title {
border: 1px solid darkred !important;
border-left: 4px solid darkred !important;
}
**** To change font size, color and font family in widget title
.widget-title {
font-size: 18px;
text-transform: uppercase;
color: darkred !important;
text-align: center !important;
font-family: !cursive important;
}
**** if you want to make the widget title not to be uppearcase
.widget-title {
text-transform: none !important;
}
**** to use a background color behind the widget title ( i make the font color white as in the code i used darkred background color
.widget-title {
background: darkred !important;
color: white !important;
}
**** to change the font size, color and font family of text used in widget
.widget p {
font-size: 15px !important;
color: darkred !important;
font-family: !cursive important;
}
**** to change the link color, font size and font family used in widget
.widget ul li a {
color: blue !important;
font-size: 16px !important;
font-family: !cursive important;
}
/************* Homepage,archive, tags,category Posts Modification ************/
Question 8 : To change the font family, color and font size of Continue Reading in homepage posts
.link-more a {
color: darkred !important;
text-transform: uppercase;
font-size: 16px !important;
font-family: !cursive important;
}
*** to make the Continue Reading not to be Upper case text
.link-more a {
text-transform: none !important;
}
*** To change homepage,archive,tags and category posts title font size, color and font family
.entry-title a {
color: darkred !important;
font-family: !cursive important;
font-size: 23px !important;
}
*** To change homepage,archive,tags and category posts title’s hover font color
.entry-title a {
color: darkblue !important;
}
*** To change homepage, archive,tags and category posts content font color, size and font family
.entry-content {
font-family: !cursive important;
font-size: 16px !important;
color: black !important;
font-weight: normal !important;
}
/************* Single Post items modifications ************/
Question 9 : To make the single post page full width (i.e to remove the sidebar and make the content section wider)
.single #primary {
width: 100% !important;
}
**** If you don’t want to use or show comments in your posts
.single #comments {
display: none !important;
}
If you have any issue feel free to ask me question here in comments section
OR
You can take my personal help in skype : om2000_cuet
All About Basic 